/*
Willkommen bei den Individuellen CSS

Wie es funktioniert, steht unter http://wp.me/PEmnE-Bt
*/
/* Schriftstiländerungen */
.main-navigation {
	text-transform: none;
	font-weight: 500;
}

.main-navigation ul ul {
	font-style: normal;
	color: #000;
}

.site-title {
	text-transform: none;
	font-size: 1.2em;
	font-weight: 550;
	color: #fff;
}

.site-title a {
	color: #fff;
}

.menu.nav-menu {
	font-size: 1.2em;
	font-weight: 550;
}

.menu.nav-menu ul, body:not(.home) .entry-title {
	color: #000;
}

.widget-title {
	text-transform: none;
}

.textwidget {
	font-size: 1.1em;
}

.header-wrapper.clear.without-transparency {
	background-color: #FFF;
	text-shadow: none;
	border-bottom: 1px solid #000;
}

.entry-content, .entry-title {
	background-image: url(https://amigo.ch/wp-content/uploads/2019/06/bg_landingpage.png);
		padding: 10px;
box-sizing: border-box;
border-radius: 3px 15px 5px 30px;
	color: #000;
}

.menu-toggle, .menu-toggle:visited, .menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus {
		background-image: url(https://amigo.ch/wp-content/uploads/2019/06/bg_landingpage.png);
	color: #000;
	text-transform: none;
	border: 2px solid #000;
	border-radius: 1px 5px 2px 10px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.vidbg-container {
	position:fixed;
}

.owl-stage, .owl-item {
	height: 100px;
}

/* autom. Silbentrennung */
body {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

body:not(.home) .custom-header {
	background-image: url(https://amigo.ch/wp-content/uploads/2019/06/bg1.png);
	background-position: center;
}

/* Bild kürzen auf Subseiten */
body:not(.home) .custom-header-image {
	padding-top: 35% !important;
}

@media screen and (min-width: 60em) {
	.home .site-header
	{
	background-image:url(https://amigo.ch/wp-content/uploads/2019/12/scrolldown-black.gif);
	background-position: center bottom 15%;
	background-repeat: no-repeat;
	background-size: 230px 150px;
	}
}

/* -- Macht top-level menu eintrag grau, wenn eine der subseiten geöffnet -- */
@media screen and (min-width: 46em) {

	.main-navigation ul .current_page_item>a, 
																							.main-navigation ul .current-menu-item>a, 
																							.main-navigation ul .current_page_ancestor>a, 
																							.main-navigation ul .current-menu-ancestor>a {
		color: #FF0000;
	}
}

/* Macht sub-menu einträge rot, wenn auf dieser seite oder einer sub-sub-menu seiten */
@media screen and (min-width: 46em) {
	.main-navigation ul ul .current-menu-item > a,
	.main-navigation ul ul .current-menu-parent>a {
		color: #FF0000;
	}
}

/* Macht sub-sub-menu einträge rot, wenn auf dieser seite */
@media screen and (min-width: 46em) {
	.main-navigation ul ul ul .current-menu-item > a {
		color: #FF0000;
	}
}

/* Menu nach links öffnen & Anpassungen wg. Menu-Problem */
@media screen and (min-width: 46em) {
	.main-navigation ul ul li:hover>ul, .main-navigation ul ul li.focus>ul {
		-webkit-transform: translateX(-196%);
		transform: translateX(-196%);
	}
	
	.main-navigation ul ul li.menu-item-has-children>a:after, .main-navigation ul ul li.page_item_has_children>a:after {
		content: "";
	}
}

@media screen and (min-width: 46em) {
	.main-navigation ul ul {
		border-left: 0;
		border-right: 0;
	}
	
	.main-navigation ul ul li {
		border-left: solid 5px white;
		border-right: solid 5px white;
	}
	
	.main-navigation ul ul li a {
		border: solid 3px #e7e7e7;
	}

	.site-description {
		text-shadow: 3px 3px 3px #000;
	}
}

@media screen and (max-width: 800px) {
	.site-title a {
		font-size: 1.1em;
		font-weight: bold;
	}
	.site-description a {
		color: #fff;
		font-size: 1.5em;
		text-shadow: 3px 3px 3px #000;
	}
	
	.header-wrapper.clear {
		font-size: .7em;
	}
	
	.widget-area, .entry-title {
		text-align: center;
	}
}

.gkit-slider-onslide-content{
	overflow: show;
}