/* cmsms stylesheet: dätwyler2018 modified: Freitag, 14. Dezember 2018 15:39:09 */

html {background:#FDFCF8;}

body {font-family: 'Libre Franklin', sans-serif; color:#000;}

h1,h2,h3,h4 {font-family: 'Libre Franklin', sans-serif; color:#000;}
h1 {padding:100px 0 0; margin:0; font-size:48px;}

a, a:hover {text-decoration:none;}

section {min-height:100vh;}

.dark {background:#284D6F; color:#fff;}
.dark h1, .dark h2, .dark h3, .dark h4 {color:#fff;}

#buttons a.btn-aktuell {position:absolute; border-radius:300px; z-index:1000; display:block; background:#284D6F; color:#fff; width:150px; height:150px; text-align:center; top:40%; left:52%; text-decoration:none; font-size:1.5em; line-height:150px; -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg);}
#buttons a.btn-facebook {display:none;}

.nav {text-align:right; padding:0 0 25px;}
.nav a {padding:30px 5px 5px; margin:0 30px; display:inline-block; color:#fff;}
.nav a:hover {text-decoration:none;}
.nav a.current {border-bottom:1px solid #fff;}
.nav a svg {color:#fff;}
.nav.darktext a {color:inherit;}
.nav.darktext a.current {border-color:#000;}
.nav.darktext a svg {color:#000;}
#portrait h2 {margin-top:0;}
#portrait_small {margin-top:-100px;}

#personen .portrait {display:block; width:150px; margin:20px auto 0; border-radius:50%;}
#personen {color:#000;}
.statement {padding:40px 30px;}
#personen h3 {font-weight:bold; color:#000;}
.card {background:#FDFCF8}

#home {background:#FDFCF8 0 0 url(/img/portrait_home.jpg) no-repeat; background-size:auto 100%;}
#referenzen {background:#E63034;}
#portrait {background:#FDFCF8}
#portrait h1, #portrait h2 {color:#284D6F;}
.portrait-text a, .uk-accordion-content a {border-bottom:1px solid #E63034;color:#284D6F;}

#hero {padding:66vh 0 0 50%;}
#hero h1 {padding:0; margin:0 0 10px; font-weight:bold; color:#E63034;}
#hero h2 {padding:0; margin:0; font-size:40px;}
#hero a {display:inline-block;}
#down {margin:10px 0 0 -8px; color:#bbb;}

.uk-accordion-title::before {float:left; margin:0 20px 0 0;}
.akkordeon h3 {margin:0;}
.akkordeon li {border-bottom:1px solid #aaa; padding-bottom:20px;}
.akkordeon {border-top:1px solid #aaa; padding:20px 0 20px;}
.uk-accordion-content {padding:0 48px;}

.termin {padding:26px 0 0; border-top:1px solid rgba(255,255,255,0.15);}
.termin .datum {color:#ff6262;}
.termin .ortzeit {color:#96BEE3;}
.termin strong {display:block;}

a.rot, a.rot:hover {color:#E63034;}

.footer { text-align:center; background:#E63034; color:#FDFCF8; padding:15px 0 }
.footer a { color:#FDFCF8; }



@media screen and (max-width:1305px) {
h1 {font-size:38px;}
#hero h2 {font-size:32px;}
}

@media screen and (max-width:1150px) {
h1 {font-size:32px;}
#hero h2 {font-size:28px;}
}

@media screen and (max-width:1024px) {
.nav a {margin:0 20px;}
.nav {margin-right:20px;}
h1 {padding:30px 0 0;}
#hero {padding:50px 0;}
#home {background: #FDFCF8 right bottom url(/img/portrait_home.jpg) no-repeat; background-size:auto 100%;}
.akkordeon h3 {font-size:20px;}
#buttons a.btn-aktuell {top:auto; right:auto; left:30px; bottom:15%;}
}

@media screen and (max-width:768px) {
.nav a {padding:30px 5px 5px; margin:0 10px;}
}

@media screen and (max-width:640px) {
#home {background: #FDFCF8 0 bottom url(/img/portrait_home.jpg) no-repeat; background-size:100% auto;}
#hero {padding:15px 0;}
.nav {text-align:center; margin-right:0;}
.nav a {padding:30px 0 5px; font-size:14px;}
h1 {padding:50px 0 0;}
.akkordeon {margin:0;}
.akkordeon h3 {font-size:18px;}
.uk-accordion-content {padding:0;}
#portrait_small {margin-top:0;}
#buttons a.btn-aktuell {width:120px; height:120px; line-height:120px; top:auto; right:auto; left:auto; bottom:20px; right:20px;}
}

@media screen and (max-width:320px) {
h1 {font-size:24px;}
#hero h2 {font-size:24px;}
a.top {display:none;}
.nav a {font-size:13px;}
.fb-link {display:none !important;}
}