body {	
	font-family:Roboto;
	font-size:18px;
}

header, main, footer {
	padding:1em;
} 

a:link, a:visited {
	color:#000;
	text-decoration:underline;
}

a:hover, a:visited:hover {
	color:#5D6F83;
}

.langnav {
	background-color:#eee;
	text-align:right;
	padding:0.25em 1em;
}

.logo, .section {
	max-height:80px;
	width:auto;
}

.logo, .logox, .section img {
	padding-top:10px;
	padding-bottom:10px;
}


.section.inactive {
	filter:opacity(50%);
}

.section.inactive:hover {
	filter:opacity(100%);
}

.nav {
	background-color: #132843;
	color:#fff;
}

.nav a, .nav a:visited {
	color:#fff;
}

.nav.sprachen {background-color:#577e3e;}
.nav.reisen {background-color:#e07a29;}
.nav.kunst {background-color:#9c231f;}
.nav.lernen {background-color:#3186af;}

.wbcesuche {	
	padding:10px 20px 10px 0;
}

.wbcesuche input[type=text] {
	background-color:transparent;
	border:0;
	border-bottom:1px solid #fff;
	color:#fff;
	width:calc(100% - 80px);
}

.wbcesuche input[type=submit] {
	font-family:sli;
	border:0;
	background-color:transparent;
	color:#fff;
	display:inline;
}

.wbcesuche input[type=text]::placeholder { 
  color: #fff;
  opacity: 1; 
}

.wbcesuche input[type=text]::-ms-input-placeholder,
a.sitemaplink:link,
a.sitemaplink:visited { 
  color: #fff !important;
}



a.more, a.more:visited {
	display:inline-block;
	background-color:#132843;
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
	padding:5px;
}

a.more:hover, a.more:visited:hover {
	color:#132843;
	background-color:#fff;
	border:1px solid #132843;
}

h1, h3 {
	/*font-family:"Comfortaa";*/
	color:#132843;
	font-weight:100;
}

h1 {
	font-size:36px;
}

h2 {
	font-size:22px;
	font-weight:normal;
}

h3 {
	font-size:26px;
}

main p {
	margin: 0 0 0.8em 0;
	line-height:1.4em;
}

hr.contact {
	border:0;
	border-top:2px dashed #132893;
	margin:3em 0;
}

footer {
	background-color:#132843;
	color:#fff;
	font-size:14px;
}

footer ul {
	margin:0;
	padding:0;
}

footer ul li {
	margin:10px 0;
	padding:0;
	list-style-type:none;
}

footer a:link, footer a:visited {
	color:#fff;
	text-decoration:none;
}

footer a:hover, footer a:visited:hover {
	text-decoration:underline;
}

footer hr {
	border:0;
	border-top:1px dotted #fff;
	margin:10px 0;
}

.footerlogo {
	max-height:100px;
	width:auto;
}

.direktkontakt {
	background-color:#eee;	
	padding:1em;
	font-size:15px;
	color:#666;
}

.direktkontakt h1 {
	margin:10px 0;
}

.direktkontakt::placeholder { 
  color: #666;
  opacity: 1; 
}

.direktkontakt::-ms-input-placeholder { 
  color: #666;
}

.homepageteaser {
	border:1px solid #ccc;
	border-radius:5px;
}

.homepageteaser h3 {margin:5px 0;}

.homepageteaser img {
	max-width:100px;
	height:auto;
}

.mod_nwi_table {
	width:100%;
}

.mod_nwi_table_left, 
.mod_nwi_table_center,
.mod_nwi_table_right {
	width:33%;
}

.mod_nwi_table_center {
	text-align:center;
}

.mod_nwi_table_right {
	text-align:right;
}





@media screen and (min-width:768px) {
	.aside-content {
		padding-left:1em;
	}
}

@media screen and (max-width:480px) {
	.logox {
		padding-left:20px;
		padding-right:20px;
	}
	
	.sectionnav-mobile {
		padding:1em 0;
	}
}


/* --------------------------- pics ------------------------------------ */
img.picfull {width:100%; height:auto;}

@media screen and (min-width:640px) {
img.pic2left, img.pic3left, img.pic4left { margin: 0 1em 1em 0; height:auto; }

img.pic2right, img.pic3right,  img.pic4right { margin: 0 0 1em 1em; height:auto; }

img.pic2left {float:left; max-width:49%;}
img.pic2right {float:right; max-width:49%; }

img.pic3left {float:left; max-width:32%;}
img.pic3right {float:right; max-width:32%;}

img.pic4left {float:left; max-width:24%;}
img.pic4right {float:right; max-width:24%; }
}

@media screen and (max-width:640px) {
	img.pic2left, img.pic3left, img.pic4left,
	img.pic2right, img.pic3right,  img.pic4right { margin: 1em 0; width:100%; float:none; height:auto; }
}