/*
 Theme Name: twentyseventeen-child
 Description: The custom theme twentyseventeen-child using the parent theme Twenty Seventeen.
 Author: [You]
 Author URI: [Your URL]
 Template: twentyseventeen
 Version: 1
*/

.navigation-top	{ background: transparent; border: none; transition: background-color 0.2s; z-index: 9000; }
/*.navigation-top:hover 	{ background: rgba( 0, 0, 0, 0.3 ); }*/
/*.main-navigation ul ul 	{ background-color: rgba( 0, 0, 0, 0.3 ); }*/
.main-navigation ul ul 		{ background-color: transparent; }
.site-title 				{ font-size: 4rem; text-transform: none; line-height: 6rem; }
.site-description			{ font-size: 9.5rem; font-weight: bold; line-height: 5rem; }
.navigation-top				{ top: 0; bottom: auto; position: fixed; }
.navigation-top .wrap 		{ padding-top: 0px; padding-bottom: 0px; }
#top-menu					{ text-align: right; }
.navigation-top a 			{ font-size: 1rem; font-weight: bold; color: #60677f; letter-spacing: 0.5px; }
.home .navigation-top a 	{ color: white; /*text-shadow: 1px 1px 4px #60677f;*/ }
.main-navigation a:hover 	{ text-decoration: underline; }
.page-one-column .panel-content .wrap 		{ max-width: 1200px; }
body.has-header-image .site-description, 
body.has-header-video .site-description 	{ opacity: 1; }
body:not(.home)	custom-header-media			{ display: none; }
.main-navigation ul ul 						{ border: none; }
.main-navigation ul ul a				{ width: 100%; font-size: 0.875rem; white-space: nowrap; font-weight: bold; letter-spacing: 0.5px; }
@media screen and (min-width: 48em) {
	.main-navigation .menu-item-has-children > a > .icon, 
	.main-navigation .page_item_has_children > a > .icon 	{ display: none; }
}

/*navigation menu, arrow up*/
.main-navigation ul li.menu-item-has-children:before, 
.main-navigation ul li.menu-item-has-children:after, 
.main-navigation ul li.page_item_has_children:before, 
.main-navigation ul li.page_item_has_children:after 	{ right: 50%; left: auto; }
.main-navigation ul li:hover > ul, 
.main-navigation ul li.focus > ul 				{ left: auto; right: 0.5em; text-align: right; }
@media screen and (min-width: 48em) {
	.main-navigation ul li:hover > ul, 
	.main-navigation ul li.focus > ul 			{ left: auto; right: 0.5em; text-align: right; }
	.main-navigation li li:hover, 
	.main-navigation li li.focus 				{ background-color: unset; color: #60677f; }
	.main-navigation li li.focus > a, 
	.main-navigation li li:focus > a, 
	.main-navigation li li:hover > a, 
	.main-navigation li li a:hover, 
	.main-navigation li li a:focus, 
	.main-navigation li li.current_page_item a:hover, 
	.main-navigation li li.current-menu-item a:hover, 
	.main-navigation li li.current_page_item a:focus, 
	.main-navigation li li.current-menu-item a:focus	{ color: #60677f; }
}
.home .main-navigation ul li:hover, 
.home .main-navigation ul li.focus			{ background: transparent; }
.home .main-navigation a:hover				{ color: white; }

body:not(.home) .main-navigation ul ul li:first-child			{ /*background: white; opacity: 0.85;*/ border-top: 1px solid #60677f;  }
body:not(.home) .main-navigation ul ul li:last-child			{ /*background: white; opacity: 0.85;*/  border-bottom: 1px solid #60677f; }
body:not(.home) .main-navigation ul ul li 		{ background: white; border: 1px solid #60677f; border-top: 0; border-bottom: 0; }


@media screen and (min-width: 48em) {
	.navigation-top .wrap 		{ max-width: 100%; max-height: 100%; }
	.main-navigation li li a 	{ padding: 0.5em 1.25em; }
	.navigation-top .wrap 		{ padding-right: 15px; }
}

.logo 		{ position: absolute; bottom: 3vw; left: 3vw; z-index: 10000; height: 23vh; max-width: 40vw;  }
.logo img	{ height: 23vh; }
@media screen and (max-width: 48em) {
	.logo 		{ position: absolute; bottom: 9vw; left: 3vw; z-index: 10000; height: 23vh; max-width: 40vw;  }
}

.sticky		{ position: fixed; top: 0; width: 100%; }

body:not(.home) .navigation-top 	{ border-bottom: 1px solid #60677f; }
.site-navigation				{ position: unset; }
@media screen and (min-width: 48em) {
	.site-navigation-fixed.navigation-top { position: unset; }
}

.site-header 	{ background-color: transparent; }

@media screen and (min-width: 48em) {
	.site-content { padding: 25px 0; }
}

.entry-header 		{ text-align: center; padding: 24px; border-bottom: 0px solid #60677f; }
.home .entry-header	{ display: none; }
body:not(.twentyseventeen-front-page) .entry-header 	{ padding: 18px 0; }
body:not(.twentyseventeen-front-page) .entry-header h1	{ margin: 0; }



/* wide und fullwidth support */
.entry-content .wp-block-image.alignwide img,
.entry-content .wp-blcok-image.alignfull img	{ width: unset !important; max-width: 100%; }
.entry-content .alignwide 	{ margin-left: calc( -100vw / 4 + 740px / 4 ); margin-right: calc( -100vw / 4 + 740px / 4 ); max-width: 100vw; text-align: center; }
.entry-content .alignfull 	{ margin-left: calc( -100vw / 2 + 100% / 2 + 35px ); margin-right: calc( -100vw / 2 + 100% / 2 + 35px ); max-width: 100vw; text-align: center; }
.alignfull img 				{ max-width: 100; }

/* heading color */
.page .panel-content .entry-title, 
.page-title, 
body.page:not(.twentyseventeen-front-page) .entry-title { color: #60677f; }

/* allg. color */
body, button, input, select, textarea 					{ color: #60677f; }

/* caption color, umbruch */
.wp-block-image figcaption 								{ color: #60677f; }
[class^="wp-block-"]:not(.wp-block-gallery) figcaption	{ white-space: pre-line; }


/* bilder */
div.wp-block-img figure,
figure.wp-block-img							{ max-height: calc( 100vh - 150px ); }
div.wp-block-img figure img,
figure.wp-block-img img						{ max-height: calc( 100vh - 73px ); }
.wp-block-image figcaption  				{ font-size: 11px; letter-spacing: 0.5px; }
.wp-block-image img							{ max-height: calc( 100vh - 120px ); }
.wp-block-image.alignfull img, 
.wp-block-image.alignwide img 				{ max-width: 100%; width:  unset; }

/* navlogo size */
.nav-logo 		{ float: left; }
.navigation-top .nav-logo a	{ font-size: 1.5rem; line-height: 1.5rem; padding: 16px 20px; }
.home .nav-logo	{ display: none; }

/* captions */
[class^="wp-block-"]:not(.wp-block-gallery) figcaption 	{ text-align: center !important; font-style: normal !important; }


/* karlkarl 2019-12-08 */
.navigation-top {bottom: 0; font-size: 14px; font-size: 0.875rem; left: 0; position: absolute; right: 0; width: 100%; z-index: 3; }
.navigation-top {bottom: auto; position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 7; }

.navigation-top .wrap {max-width: 100%; max-height: 100%; }
.navigation-top .wrap {padding-right: 15px; }
.main-navigation {width: auto; }
.navigation-top nav {margin-left: -1.25em; }
.js .menu-toggle, .js .dropdown-toggle {display: none; }

.main-navigation ul {background: transparent; padding: 0; }
.main-navigation > div > ul {border: 0; margin-bottom: 0; padding: 0; }
.js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul {display: block; }

.main-navigation li {border: 0; display: inline-block; }

.main-navigation li li {display: block; }

.main-navigation ul ul { left: -999em; padding: 0; position: absolute; top: 100%; z-index: 99999; }

@media screen and (max-width: 47.99em) {
	body:not(.home) .navigation-top {position: unset; }
	.navigation-top .wrap 	{ padding: 0 0.75em; }
	.main-navigation a 		{ padding: 1em 0.75em; } 
	.main-navigation ul li ul li 	{ width: 200vw; padding-right: 10em; right: -10em;  }
	.main-navigation ul li:first-child ul	{ margin-right: -65px;  }

	/* dreieck */
	.main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:before, .main-navigation ul li.page_item_has_children:after {border-style: solid; border-width: 0 6px 6px; content: ""; display: none; height: 0; position: absolute; right: 1em; bottom: -1px; width: 0; z-index: 100000; }
	.main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:after {border-color: transparent transparent #fff; }

	.main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:before, .main-navigation ul li.page_item_has_children:after {border-style: solid; border-width: 0 6px 6px; content: ""; display: none; height: 0; position: absolute; right: 1em; bottom: -1px; width: 0; z-index: 100000; }
	.main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.page_item_has_children:before {border-color: transparent transparent #bbb; bottom: 0; }
	.main-navigation ul li.menu-item-has-children.focus:before, .main-navigation ul li.menu-item-has-children:hover:before, .main-navigation ul li.menu-item-has-children.focus:after, .main-navigation ul li.menu-item-has-children:hover:after, .main-navigation ul li.page_item_has_children.focus:before, .main-navigation ul li.page_item_has_children:hover:before, .main-navigation ul li.page_item_has_children.focus:after, .main-navigation ul li.page_item_has_children:hover:after {display: block; }

}

/* karlkarl 2021-07-17 */
body:not(.home) .navigation-top li { background: white; z-index: 200; }