/* cmsms stylesheet: hwzh19 modified: Montag, 11. Mai 2026 17:55:05 */
html {min-height:100%; background:#174068;}

body {font-family: 'Noto Sans', sans-serif; color:#222; font-size:16px; line-height:150%; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-smoothing:antialiased;}

a {text-decoration:underline; color:#174068;}

p {line-height:180%;}

hr {border-top:2px solid #eee;}

h1,h2,h3,h4,h4 {font-family: 'Noto Sans', sans-serif;}
h1 {font-weight:bold; color:#000; font-size:2.2em; padding:0; margin:0 0 30px;}
h2 {font-weight:normal; font-size:1.8em;}
h3 {font-weight:bold; font-size:1.4em;}

/*
#main ul {margin:0; padding:0; list-style:none;}
#main ul li {padding:15px; background:#f5f5f5; margin-bottom:10px; border-left:5px solid #A0C9EF; border-radius:5px;}
#main ul li a {font-weight:bold;}
*/

.whitebg {background:#fff; border-top:5px solid #3C88D5;}
.container {max-width:1330px; margin:0 auto;}
.bluebg {background:#22609B;}
.darkbluebg {background:#174068;}
.lightbluebg {background:#A0C9EF;}
.verylightbluebg {background:#E6F1FB;}
.lightgreybg {background:#f2f2f2;}

#logo {padding:30px 0 0;}
#logo img {display:block; height:80px;}

#burger {position:absolute}

#nav {padding:55px 0 0;}
#nav ul {list-style:none; margin:0; padding:0;}
#nav ul li {display:inline-block;}
#nav a {color:inherit; text-decoration:none; transition:color .3s; font-weight:bold;}
#nav a:hover {color:#3C88D5;}
#nav a.currentpage, #nav a.activeparent {color:#3C88D5;}

#subnav {border:1px solid #A0C9EF;}
#subnav ul {list-style:none; margin:0; padding:0;}
#subnav ul li {display:block;}
#subnav a {color:#174068; text-decoration:none; transition:color .3s; display:block; padding:15px 30px;}
#subnav a.activeparent, #subnav a.currentpage {background:#E6F1FB; font-weight:bold;}
#subnav a:hover {color:#3C88D5;}


.content {clear:both; padding:80px 25px;}

#footer {padding:50px 25px; color:#fff;}
#footer a {color:inherit; text-decoration:none;}

a.button, button.button {font-family:'Noto Sans',sans-serif; cursor:pointer; font-size:1.1em; border:none; display:inline-block; text-decoration:none; font-weight:bold; margin:40px 0 0; text-align:center; padding:15px 40px; background:#3C88D5; color:#fff; transition:all .3s; border-radius:5px;}
a.button:active, button.button:active {background:#174068;}
a.button-outline {display:inline-block; text-decoration:none; font-weight:bold; margin:40px 0 0; text-align:center; padding:9px 40px; border:2px solid #A0C9EF; color:#174068; transition:all .3s; border-radius:5px;}
a.button-outline:active {background:#E6F1FB;}

.mitglied {border:3px solid #eee; border-top:5px solid #BDD7F1; padding:10px; font-size:14px; color:#666; border-radius:15px;}
.mitglied img {display:block; padding-right:20px; max-width:160px;}
.mitglied h3 {font-size:1.5em; margin:0; padding:0;}
.function {font-weight:bold; margin:10px 0 20px;}

#sponsoren {padding-top:40px; padding-bottom:40px;}
#sponsoren .sp-title {margin:0 0 20px; color:#39f;}
#sponsoren .sp-title-grey {margin:0 0 20px; color:inherit;}


/* News & Events */

#news h3 {font-weight:bold; margin:0 0 5px; font-size:1em;}
#news a, #events a {text-decoration:none; color:inherit;}
#news .newscont {display:block; margin-bottom:1px; background:#E6F1FB;}
.news p {margin:0;}
.news, .event {padding:15px 20px;}
.newsicon {background:#A0C9EF; min-width:90px; text-align:center; padding:25px 0 0; color:#174068;}

#news_sidebar h3, #events_sidebar h3 {font-size:1.1em; margin:0 0 10px;}
#news_sidebar a, #events_sidebar a {text-decoration:none;}
#news_sidebar a:hover, #events_sidebar a:hover {color:inherit;}
#news_sidebar .news, #events_sidebar .event {border-radius:5px; padding:20px 15px; margin-bottom:15px; background-color:#E6F1FB; }


.date {background:#A0C9EF; text-align:center; font-weight:bold; color:#174068;}
.month {min-width:90px; font-size:14px; padding:10px 0 0;}
.day {font-size:2em; padding:7px 0 10px;}
.event-date {font-weight:bold; margin-bottom:15px;}

/* CTA */

.cta {background-color:#3C88D5; transition:all .3s;}
.cta:active {background:#174068;}
.cta a {padding:50px 30px; color:#fff; display:block; text-decoration:none;}
.cta a .big {font-weight:bold; font-size:1.8em; margin-bottom:15px;}

#modul {padding-top:0;}

form {border:3px solid #eee; border-top:5px solid #BDD7F1; padding:30px; border-radius:15px;}
input {display:block; font-family:'Noto Sans',sans-serif;}
input.uk-input, textarea.uk-textarea, select.uk-select {color:#000; font-family:'Noto Sans',sans-serif; border-radius:5px; border-color:#ccc}
.form-group {margin:20px 0;}
.cgbf_input_captcha {width:198px; box-sizing:border-box; margin:10px 0 0; border:1px solid #e5e5e5; font-size:1em;}

#stellen h4, .kurs h4 {font-weight:bold;}
#stellen a.button, .kurs a.button {display:inline-block; border-radius:0; color:inherit; background:#eee; margin:20px 0 0; padding:7px 30px; font-size:14px; font-weight:normal;}
#stellen a.button:active {background:#ccc;}
#stellen .stelle, .kurs {border:3px solid #eee; border-top:5px solid #BDD7F1; padding:20px; margin-bottom:30px; border-radius:15px;}

.memberships label {display:block; padding:10px; cursor:pointer; text-align:center;}
.memberships label input {display:block; margin:0 auto 8px;}
.memberships .uk-radio:not(:checked) {background:#fff;}
.memberships label .uk-radio:checked {border-color:#fff;}

label.option1 {background:#E6F1FB; border:2px solid #A0C9EF; border-radius:5px}
label.option2 {border:2px solid #E6F1FB; border-radius:5px}
label.option3 {border:2px solid #E6F1FB; border-radius:5px}

fieldset {border:none; background-color:#eee; border-radius:10px;}



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

#header {padding:0 25px;}
#nav {clear:none; display:block !important;}
#nav ul {text-align:right;}
#nav ul li {margin:0 0 0 30px;}
#burger {display:none;}
    
}

@media screen and (min-width:768px) and (max-width:1179px) {

h1 {font-size:2em;}
#header {padding:0 25px;}
#nav {display:block !important; clear:both; padding:15px 0 15px; border-bottom:1px solid #eee; text-align:center;}
#nav ul li {margin:0 15px;}
#burger {display:none;}
.content {padding:60px 25px;}
    
}

@media screen and (max-width:767px) {

body {font-size:15px;}    
#header {padding:0;}
    
h1 {font-size:1.6em;}
h2 {font-size:1.4em; font-weight:normal;}
h3 {font-size:1.2em;}

table {font-size:13px;}
    
#logo {padding:10px 15px;}
#logo img {height:70px;}
    
.content, #sponsoren, #footer {padding:50px 25px;}

#burger {display:block; position:absolute; top:0; right:0; padding:25px 15px 15px;}

#nav {clear:both; padding:20px 0; border-bottom:1px solid #eee;}
#nav ul {text-align:left;}
#nav ul ul {margin-left:20px;}
#nav ul li {display:block; margin:0;}
#nav ul li a {display:block; padding:10px 30px;}
#nav ul ul li a {font-weight:normal; padding:6px 30px;}
#nav ul ul li a.currentpage {font-weight:bold;}

.mitglied img {max-width:110px;}

}