/* Header */
header * .uk-logo img {
	/*width:;*/
}
/* Buttons */
.uk-button {
	padding-top:0.55em;
	padding-bottom:0.55em;
}

/* Weisser Rahmen */
main .uk-section-secondary,
main .uk-section-primary,
main .uk-section-default:has(> * .uk-slideshow),
footer {
	border-right: 0.833rem solid #fff;
	border-left: 0.833rem solid #fff;
}
.uk-section-secondary, 
.uk-section-primary: {
	border-top: 0.833rem solid #fff;
	border-bottom: 0.833rem solid #fff;
}
footer {
	border-top: 0.833rem solid #fff;
	border-bottom: 0.833rem solid #fff;
}

/* Textlinks zusätzlich animieren und für Barrierefreiheit optimieren */
a, span {
    text-underline-position: under;
}
main * .sitemap-navigation * a:focus,
main * .sitemap-navigation * a:hover{
	text-decoration: underline;
	text-underline-position: under;
}
main * a:focus,
main * a:hover,
main * .sitemap-navigation * a:focus,
main * .sitemap-navigation * a:hover,
footer * a:focus,
footer * a:hover {
	text-decoration-thickness: 3px !important;
}
footer * a,
footer * .uk-nav li > a,
footer * a * .uk-link {
	text-decoration: underline;
}
footer * .uk-nav-secondary > li > a:hover {
	text-decoration: underline;
}

/* Eigene Klasse für Flex-Flow Column */
.flex-column > .uk-flex-middle {
	flex-flow: column;
}


/*Lange Link-Texte umbrechen: overflow-wrap: break-word;*/
a {
	word-wrap: break-word;
	overflow-wrap: break-word;
}	
main * h3{
	-ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
}

#to-top a {
    position: fixed;
        right: 15px;
        bottom: 20px;
    z-index: 3;
}
#to-top a svg {
    width: 1.5rem;
}


/* Breakpoints */
@media screen and (min-width:640px) { 

}
@media screen and  (min-width: 640px) and (orientation: landscape) {

}
@media screen and (max-width:640px) {
	header * .uk-navbar-item,
	header * .uk-navbar-toggle {
		min-height:3rem;
	}
	.uk-text-large {
		font-size: 1.5em;
	}
}
@media screen and (min-width:960px) { 
    header * .uk-logo img {
		width:8.5rem;
	}
}
@media screen and (max-width:960px){
	main * h1, 
	main * h2, 
	main * h3{
		-ms-hyphens: auto;
	  -webkit-hyphens: auto;
	  hyphens: auto;
	  overflow-wrap: break-word;
	}
	h3, .uk-h3 {
		font-size: 1.602em;
	}
	h4, .uk-h4 {
		font-size: 1.424em;
	}
	h5, .uk-h5 {
		font-size: 1.266em;
	}
	h6, .uk-h6 {
		font-size: 1.125em;
	}
}
@media screen and (min-width:1200px) { 

}
@media screen and (min-width:1600px) { 

}