/* cmsms stylesheet: nr2018 modified: 04.01.2025 14:33:48 */


/* General */

html {min-height:100%; background:#961334;}

body {font-size:18px; line-height:150%;}
body, h1, h2, h3, h4 {font-family:'Century Gothic W01', sans-serif; color:unset;}
h1, h3, h4 {font-weight:700; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-smoothing:antialiased;}
h1 {font-size:60px;}

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

.h_container {max-width:1280px; margin:0 auto;}
.hero_container {max-width:1220px; margin:0 auto;}
.s_container {padding:0 30px;}


/* Header */

#toggle {position:absolute; top:20px; right:15px; width:50px; height:50px; border-radius:50%; border:0; background:transparent; color:#650D23;}

#top {z-index:200; position:relative; background:#fff;}

#logo {display:block; max-width:420px; padding:80px 0 37px; font-size:24px; font-weight:bold; color:#E01C4D;}
#logo span {font-weight:normal; color:#111;}
#logo img {height:61px;}

#multilang {position:absolute; top:0; right:0; padding:0 10px; background:rgba(0,0,0,0.1); border-bottom-left-radius:10px;}
#multilang a {color:#111; display:inline-block; padding:6px 10px 8px;}

#header, #container, .s_container {max-width:1220px; margin:0 auto;}
#header {padding:0 30px;}
#nav {float:right; clear:both; padding:80px 0 0;}
#nav ul, #multilang ul, #subnav ul {list-style:none; margin:0; padding:0;}
#nav ul li, #subnav ul li {display:inline-block; margin-left:40px;}
#nav ul li a {display:block; font-weight:bold; font-size:18px; color:#111;}
#nav ul li a.currentpage, #nav ul li a.activeparent, #subnav ul li a.currentpage, #subnav ul li a.activeparent {color:#FF672A;}
#subnav {text-align:right;}
#subnav ul li a {color:#000;}

#container, #invest {padding:40px 30px;}

#main.kontakt {background:#fff; padding:40px 30px;}

#verstehen {color:#111;}

#invest, #mitmischen, #autor {color:#fff;}

#mitmischen a {color:#FFF0C1;}

#main, #main h1, #main h2, #main h3, #main h4 {color:#111;}
#main a, #verstehen a {color:#E01C4D;}
#autor a {color:#FFF0C1;}
#main a.button {color:#fff;}
.pagepic {display:block; width:100%;}


/* Slider */

.darkbg {background:#961334;}
.brightbg {background:#E01C4D;}
.lightbg {background:#FAF3EF;}

#heroslider {margin-top:-144px; z-index:100;}

.caput {padding:400px 40px 0 0;}
.caputbild {padding:224px 0 0 40px;}
.normalus {padding:400px 0 0 40px;}
.normalusbild {padding:224px 40px 0 0;}
h1.normalusbig, h1.caputbig {padding:0; margin:0;}
h1.normalusbig {text-align:right;}

.caputbild img, .caputbildmobile {display:block; background:#650D23; padding:15px;}
.normalusbild img, .normalusbildmobile {display:block; background:#961334; padding:15px;}

#slidermobile img  {width:600px; max-width:100%; margin:0 auto; box-sizing:border-box;}
.normalusmobile, .caputmobile {color:#fff; padding:117px 30px 30px; max-width:600px; margin:0 auto;}
.homeslide {height:100vh;}

#slidermobile {margin-top:-87px; z-index:100;}
.caputpos {position:absolute; left:30px; top:117px; }
.normaluspos {text-align:right; position:absolute; right:30px; bottom:100px;}
.navpos {top:40vh;}


/* Hero */

.herobg {background:50% 50% url(/homebg.jpg) no-repeat; background-size:cover;}
#herohome {padding-top:33vh;}
h1.rot, h1.rot a, h1.rot a:hover {color:#E01C4D;}
h1.orange, h1.orange a, h1.orange a:hover {color:#FF672A;}


/* Buttons */

a.button {display:inline-block; padding:8px 30px 10px; text-decoration:none; text-align:center; font-weight:bold; margin:0; color:#fff !important;}
a.button_big {font-size:1.3em; padding:12px 15px 15px; display:block; max-width:300px;}
a.button_outline {border:1px solid #fff;}
a.button_orange {background:#FF672A;}
a.button_rot {background:#E01C4D;}


/* Dark Theme */

.dark h1 {color:#fff;}

.dark #logo {color:#fff;}
.dark #logo span {color:#fff;}
.dark {background:#650D23;}
.dark #top {background:transparent;}
.dark #nav ul li a {color:#fff;}
.dark #nav ul li a.currentpage, .dark #nav ul li a.activeparent, .dark #subnav ul li a.currentpage, .dark #subnav ul li a.activeparent {color:#FF672A;}

.dark #multilang {background:rgba(0,0,0,0.2);}
.dark #multilang a {color:#fff;}


/* Blog */

.blogpost {background:#fff; margin-bottom:10px; padding:40px;}
.blogpost h3 a {font-weight:bold; color:#E01C4D;}


/* Verlag */

.lib_item {background:#fff; margin-bottom:10px;}
.lib_content {padding:30px;}
#main a.lib_more {display:block; color:#FF672A; font-weight:bold;}

#lib_cat {border-top:1px solid #111; padding:30px 0; font-size:24px;}
#lib_cat ul {list-style:none;}
#lib_cat li {margin:0 0 15px;}
#lib_cat li.uk-active a {font-weight:bold;}


/* Workshops*/

#main a.ws_join {display:block; float:left; padding:6px 30px; background:#FF672A; color:#fff; font-weight:bold; border-top-right-radius:60px; margin:0 0 0 -30px;}


/* Mobile */

@media screen and (min-width:889px) {
#nav {display:block !important;}
#toggle {display:none;}
#slidermobile {margin-top:-144px; z-index:100;}
.caputpos {position:absolute; left:30px; top:174px; }
.normalusmobile, .caputmobile {padding:174px 30px 30px;}
.normaluspos {text-align:right; position:absolute; right:30px; bottom:100px;}
.navpos {top:40vh;}
}

@media screen and (max-width:888px) {
#logo {padding:30px 0;}
#logo img, #logo span {display:none;}
#multilang {display:none;}
#nav {position:absolute; top:77px; right:20px; padding:0 0 15px; margin:0; background:#650D23; border-radius:10px;}
#nav ul li {display:block; margin:0;}
#nav ul li a {padding:15px 30px 0; color:#FFF0C1; text-align:right;}
#nav ul li a.currentpage, #nav ul li a.activeparent, #subnav ul li a.currentpage, #subnav ul li a.activeparent {color:#E01C4D;}
#nav .eridu ul li a {font-weight:normal; color:#FF672A;}
}

@media screen and (min-width:768px) {
.eridu {display:none;}
}

@media screen and (max-width:767px) {
h1 {font-size:32px;}
h2 {font-size:24px;}
#h_normalis h1 {text-align:right;}
}