/** 
 * main.css
 * 
 * 1. General HTML tags
 * 2. Masthead area
 * 3. Main content and sidebar
 * 4. Footer
 * 5. Media queries for responsive layout
 * 6. Accessibility helpers
 * 
 */

/*********************************************************************
 * 1. General HTML tags
 *
 */
@font-face {
  font-family: "Roboto";
  src:url("font/Roboto-Regular.ttf");
  
  src:url("font/Roboto-Regular.ttf") format("truetype");
    
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: "Jura";
  src:url("font/Jura-Bold.ttf");
  
  src:url("font/Jura-Bold.ttf") format("truetype");
    
  font-weight: normal;
  font-style: normal;

}
* {
	box-sizing: border-box; 
}



body, td, input[type=text], textarea {
	font-family: 'Roboto', serif;
	font-size: 105%; 
	line-height: 1.8em;
	color: #444; 
}

img {
	max-width: 100%; 
}
h1,h2,h3,h4,h5,h6{font-family: 'Jura', serif;font-weight: 700;}
h1,h2,h3, h5{text-transform:uppercase;}
h2, .font-blau{color:#1d70b7;}
.wraper h4{margin-bottom:0; padding-bottom:0}
.wraper h2{margin-top:1rem}
.wraper h4:before{background:#1d70b7;position: relative;top: -5px;display: inline-block;margin-right: 10px;content: '';width: 20px;height: 2px;}

#palliativ h3{color:#1d70b7; margin-top:20px}
 #palliativ  .blau h3 {color:#fff;}                                                                              
 a, em{color: #444; }
a:hover{text-decoration:none}
h5{font-size:20px;}
blockquote {
	margin-left: 0;
	padding-left: 1.5em;
	padding-right: 2em; 
	border-left: 4px solid #ddd; 
	font-style: italic; 
	color: #777; 
}

pre, code {
	background: #eee; 
	border: 1px solid #ddd; 
}

pre {
	font-size: 14px; 
	line-height: 1.4em;
	padding: 1em;
	border-left: 4px solid #ddd; 
}
[class*=uk-navbar-dropdown-bottom] {
    margin-top: 0; 
}
.blau, .uk-offcanvas-bar {background:#1d70b7;}
.text_blau{color:#1d70b7;}
.text_weiss{color:#fff;}
.text_border{border:6px solid #39f;}
.abst{display: inline-block; width: 120px;}
.abst2{display: inline-block; width: 60px;}
.abst3{display: inline-block; width: 100px;}
.top-border{border-top:6px solid #39f;}
.padding-top{padding-top:20px;}
.padding-20{padding:23px;}
.as_padding{padding-top:3rem; padding-bottom:3rem}
.padding_card{padding:40px 15px}
.uk-section.blau{ padding-top:80px}
/*********************************************************************
 * 2. Masthead area
 *
 */
 .block-sprachen{background: #f3f5f9;}
 .logo{padding-bottom:2rem;padding-top:2rem}
 .logo-img{display:inline-table; vertical-align:top; margin-right:10px}
 .logo-text{display:inline-block;}
 .logo-text h2{font-size:24px; font-weight: 700;color:#1d70b7;text-transform:uppercase;}
 .logo-text h4{font-size:17px;}
 .logo-text h2, .logo-text h4{margin:0; padding:0}
.navigation {}
.navigation  .uk-navbar-container:not(.uk-navbar-transparent) {background:none}
.navigation	.uk-navbar-nav>li>a {color:rgba(255,255,255,.9);font-family: 'jura', serif;font-size: 20px; font-weight: bolder; padding:0 26px}
.topnav, .topnav li {
	list-style: none; 
	padding: 0;
	margin: 0;
}
	.topnav li {
		float: left; 
		margin-right: 1em;
		margin-bottom: 1em;
	}
	.topnav a {
		padding: 0.25em 0.5em;
		text-decoration: none; 
		display: block;
		background: #eee; 
		color: #333; 
		border: 1px solid #eee; 
	}
	.topnav a:hover {
		background: #ddd;
		border-color: #ddd; 
	}
	.topnav li.current a {
		background: #ddd; 
		border-color: #ddd; 
	}
	.topnav li.edit a {
		background: none; 
	}
.uk-navbar-dropdown{width:auto;}
.uk-navbar-dropdown-nav {font-size:18px;font-family: 'jura', serif;font-weight:700}
.languages {
	list-style: none; 
	margin: 0;
	padding: 0; 
	float: right;
	width: 30%; 
	font-size: 80%; 
}

	.languages li {
		list-style: none; 
		display: inline-block;
		margin: 0;
		padding: 0;
	}

	.languages a {
		padding: 0 0.5em;
		border: none; 
		display: inline;
		border-left: 1px solid #ccc; 
	}
		.languages li.current a {
			font-weight: bold; 
		}
		.languages li:first-child a {
			border: none; 
			padding-left: 0;
		}

.uk-navbar-dropdown-nav>li>a {color:#444;}
.uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-dropdown-nav>li.uk-active>a{color:#1d70b7;}
.hero h1, .hero h3 {color:#fff}
.dunkel-body{background:rgb(55 102 149 / 40%);}
.last_block h2{margin-bottom:0;padding-bottom:0}
.last_block h5{margin-top:0;padding-top:0;margin-bottom:2rem}
/*********************************************************************
 * 3. Main content and sidebar
 *
 */

#main {
	
	clear: both; 
}
.height-large{height: 600px;}
.height-extra-large{min-height:750px;}
.inhalt{margin-top:6rem; margin-bottom:6rem}
.hauptblock p{font-size:20px; line-height:2.5rem}
.bg-weiss {background: rgb(255 255 255 / 80%);}
.vita_inhalt p{margin-top:0}
.vita_inhalt h4{margin-top:10px}
.block-teaser .uk-card:hover .text_border{border-color:#ccc;}

#bild_text h3{color:#1d70b7; margin-top:20px}



figure {
	display: table;
	width: 1px;
	margin: 1em 0;
}

figure img {
	display: table-row;
	margin-bottom: 0.5em;
}

figure figcaption {
	display: table-row;
	font-size: smaller;
	color: #777;
	line-height: 1.4em;
}
#text_weiss h2, #text_weiss h3, #text_weiss ul{color:#fff;}
/*********************************************************************
 * 4. Footer
 *
 */

#footer {
	clear: both; 
	border-top:2px solid #dbdbdb;
	font-size: 90%; 
	background: #f7f7f7
}
.footer_inhalt{ color: #ccc;
    padding-top: 7rem;
    padding-bottom: 7rem;
    background-image: url(img/bg_footer.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;}
	.footer_inhalt a, .footer_inhalt h4{ color: #ccc;}
	.footer_inhalt h4:before{background:#ccc;position: relative;top: -5px;display: inline-block;margin-right: 10px;content: '';width: 20px;height: 2px;}
.footer-bottom{padding:0.75rem 0; background:#ccc;}
.bg_grau{ background: rgb(236 238 241 / 83%)}
/*********************************************************************
 * 5. Media queries for responsive layout
 *
 */
.menu-mobil .uk-icon{color:#1d70b7; background:#ffffffb3;}
@media (max-width: 960px) {
    .uk-section {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 767px) {
	/* mobile layout */ 
	h1, h3, h2, h4{font-size:100%}
	#slider h2{font-size:80%}
	#slider .uk-overlay {padding:5px}
	.hero h3{font-size:80%}
	.hauptblock p {font-size:1rem;line-height: 2rem;}
	.uk-text-large{font-size:1rem;}
	.inhalt{margin-top:2rem; margin-bottom:2rem}
	.height-extra-large{min-height:auto}
	.logo-img{display: block; text-align: center;}
	.logo-text{text-align:center; display:block}
.logo-text h2 {font-size: 18px;}
	.languages {
		width: 100%; 
		margin-bottom: 1em;
	}
	.topnav {
		float: none;
		clear: both; 
		width: 100%; 
	}
	.breadcrumbs {
		margin-bottom: 1em;
		margin-top: 0;
	}
	.uk-section.blau{padding-top: 20px;padding-bottom: 20px;}
	body, td, textarea {
		font-size: 100%; 
	}
	body.has-sidebar #content, 
	body.has-sidebar #sidebar {
		float: none;
		width: 100%; 
		padding: 0; 
	}
	form.search {
		float: none; 
		width: 100%; 
		padding-bottom: 0;
	}
	#content {
		width: 100%; 
	}
	
	.align_left, .align_right, .align_center {
		display: block;
		float: none; 
		margin: 1em auto;
		max-width: 100%; 
	}
	
	#slider {max-height:300px}

}

@media only screen and (min-width: 1200px) {
	/* extra-wide desktop layout */ 
	
	body, td, textarea {
		font-size: 115%; 
	}
}

/*********************************************************************
 * 6. Accessibility helpers
 *
 */

/* Hide visually, but remain approachable for screenreader */

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	white-space: nowrap;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	border: 0;
}

/* Show bypass link on hover */

.element-focusable:focus {
	clip: auto;
	overflow: visible;
	height: auto;
}

/* Sample styling for bypass link */

.bypass-to-main:focus {
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #333;
	color: #fff;
}