html { font-family: sans-serif; background: #003C43; padding: 1rem; }
* { box-sizing: border-box;	}
body { max-width: 960px; min-width: 560px; min-height: 100vh; margin: 0 auto; background:  	#135D66; color: #AAD7D9; }
h1 { font-family: serif; color: #AAD7D9; margin: 1rem 0; }
h2 { font-family: serif; color: #AAD7D9; margin: 1rem 0; }
h3 { font-family: serif; color: #AAD7D9; margin: 1rem 0; }
a { color: #AAD7D9; }
a:hover {color: #77B0AA}
hr { padding: 0; margin: 1rem -1rem 0 -1rem; border: none; border-top: 3px solid #77B0AA; }
nav { background: #77B0AA; display: flex; align-items: center; padding: 0 0.5rem; }
nav h1 { flex: auto; margin: 4.5px; color: #092635;}
nav h1 a { text-decoration: none; padding: 0.25rem 0.5rem; color: #092635; }
nav h1 a:hover {border-radius: 5px;  color: #00646F; }
nav a { text-decoration: none; padding: 0.25rem 0.5rem; color: #092635; }
nav a:hover {border-radius: 5px;  color: #00646F; }
nav ul  { display: flex; list-style: none; margin: 0; padding: 0; }
nav ul li a, nav ul li span, header .action { display: block; padding: 0.5rem; }
.content { padding: 0rem 1rem 1rem; }
.content > header {display: flex; align-items: flex-end; }
.content > header h1 { flex: auto; margin: 1rem 0 0.25rem 0; }
.content > header h2 { flex: auto; margin: 1rem 0 0.25rem 0; font-size: 1.3rem; }
.content > header a {font-family: serif; font-weight: bold; font-size: 1.3rem; text-decoration: none;  border-radius: 10px; padding: 5px 10px; text-align: center; margin: 1rem 1rem 0.25rem 0px; border: 1px solid #77B0AA; color: #092635; background: #77B0AA}
.content > header a:hover{ color: #AAD7D9; background: #135D66;}
.content h1 { flex: auto; margin: 1rem 0 0.25rem 0; }
.content h2 { flex: auto; margin: 1rem 0 0.25rem 0; font-size: 1.3rem; }
.content h3 { flex: auto; margin: 1rem 0 0.25rem 0; font-size: 0.9rem; }
.content:last-child { margin-bottom: 0; }
.content label { font-weight: bold; margin-bottom: 0.5em; }
.content textarea { min-height: 12em; resize: vertical; }
.column_songbook { float: left; width: 32%; margin: 0.665%; padding: 10px; height: 200px; border-radius: 25px; color: #092635; background: #77B0AA; }
.column_songbook h1 { color: #092635; margin: 0.2rem 0 0 0.5rem; }
.column_songbook h2 { color: #092635; margin: 0.2rem 0 0 0.5rem; }
.column_songbook p { color: #092635; margin: 1rem 0 0 0.5rem; }
.column_songbook a { color: #092635;}
.column_songbook a:hover {color: #00646F;}
.row_songbook:after { content: ""; display: table; clear: both; }

.column_aktuality_cont { float: left; width: 40%; margin: 0 0.5% 0 0.5%; padding: 0; }
.column_aktuality { float: left; width: 100%; margin: 0 0.5% 10px 0.5%; padding: 10px; min-height: 100px; border-radius: 25px; color: #092635; background: #77B0AA; }
.column_aktuality h1 { color: #092635; margin: 0.2rem 0 0 0.5rem; }
.column_aktuality h2 { color: #092635; margin: 0.2rem 0 0 0.5rem; }
.column_aktuality h3 { color: #00646F; border-bottom: 1px solid #00646F; font-size: 0.9rem; font-weight: normal;  margin: 0.2rem 0 0 0.5rem; }
.column_aktuality p { color: #092635; margin: 0.5rem 0 0 0.5rem; }
.column_aktuality a { color: #092635;}
.column_aktuality a:hover {color: #00646F;}
.column_photo { float: left; width: 58%; margin: 0 0.5% 0 0.5%; padding: 10px; min-height: 100px; border-radius: 25px; color: #092635; background: #77B0AA; }
.column_photo h1 { color: #092635; margin: 0.2rem 0 0 0.5rem; }
.column_photo h2 { color: #092635; margin: 0.2rem 0 0 0.5rem; }
.column_photo p { color: #092635; margin: 1rem 0 0 0.5rem; }
.column_photo a { color: #092635;}
.column_photo a:hover {color: #00646F;}
.row_aktuality:after { content: ""; display: table; clear: both; }