/* cmsms stylesheet: Beraterwerkstatt 2020 modified: Donnerstag, 6. Juli 2023 02:10:36 */

::selection { color: white; background-color: #7F2246 }

html { text-rendering: optimizeLegibility; letter-spacing: 0.02em }
body { font-size: 16px; line-height: 130%; font-family: akzidenz-grotesk, sans-serif; font-weight: 400 }
a { color: black }
a:hover { color: black; text-decoration: none; transition: ease 0.3s }

.container { padding: 0 }

header { background: white; padding: 50px 20px 20px 20px }
.logotype { font-size: 1.2em; display: inline-block; letter-spacing: 0.05em; font-weight: 500 }
.name { padding-right: 30px }
.firma { color: #7F2246 }
header a { color: black }
header a:hover { color: black; text-decoration: none; transition: ease 0.3s }

.toggle { float: right }
nav { font-size: 1.2em; line-height: 130%; letter-spacing: 0.03em; font-weight: 500 }
nav ul { list-style: none; margin: 2em 0 1em 0; padding: 0 }
nav a:hover { color: #7F2246 }
.currentpage { color: #7F2246 }

h1, h2, h3, h4 { font-family: akzidenz-grotesk, sans-serif; letter-spacing: 0.02em; line-height: 111% }
h1 { font-size: 2.1em; margin: 20px 0 0.6em 0; color: white; font-weight: 500 }
h2 { font-size: 1.2em; margin: 10px 0 0 0; color: black; font-weight: 500 }
h3 { font-size: 1.2em; margin: 1em 0 0 0; color: white; font-weight: 500; line-height: 140% }
.button { display: inline-block; background: rgba(127,34,70,0.9); color: white; padding: 7px 11px; font-weight: 500; margin: 0.5em 0 1em 0; font-size: 1.2em }
.button a { color: white }
.button a:hover { color: black; transition: ease 0.3s }
h4 { font-size: 1.2em; margin: 0; line-height: 130%; color: black; font-weight: 500 }
.content { padding: 20px 30px 40px 20px; min-height: 500px }
.content p { font-size: 1.2em; font-weight: 400; color: black; margin: 0 0 0.9em 0; line-height: 130%; letter-spacing: 0.01em; }
.scrollpfeil { padding: 40px 0; text-align: center }

section { color: white; overflow: hidden; background-repeat: no-repeat; background-position: top center; background-size: cover }
.change-management { background: rgba(155,196,218,0.8) }
.interimsmanagement { background: rgba(242,203,165,0.8) }
.startup-support { background: rgba(255,184,166,0.8) }
.arbeitsweise { background: rgba(210,179,190,0.8) }
.ueber-mich { background: rgba(160,187,165,0.6) }
.kennenlernen { background: rgba(200,200,200,0.5); min-height: auto !important; padding-bottom: 10px }
.impressum { background: rgba(200,200,200,0.5) }

.footer { min-height: auto; margin: 0; padding-bottom: 0 }
.footer a { color: white }
.footer a:hover { color: black; transition: ease 0.3s }
.footer-logo { height: 32px; width: auto }
#kontakt { background: rgba(127,34,70,0.9); color: white; padding-top: 10px }
#kontakt p { font-weight: 400; color: white }
.small-right { text-align: right; font-weight: 400; font-size: 0.9em; padding-top: 15em }
.totop { padding: 0 20px 20px 0 }

.portrait { margin: -31px -50px 0 0; width: 120% }








/* Responsive */
@media screen and (max-width:1200px) {
header { padding: 25px 20px 20px 20px }
.toggle { right: 20px }
.content { min-height: calc(100vh - 140px); min-height: 400px }
}

@media screen and (min-width:768px) {
.mobile { display: none }
.toggle { margin-top: -7px }
.footer { min-height: auto !important; margin: 0 !important; padding-bottom: 0 }
.ueber-mich-rechts { padding-right: 0 }
.ueber-mich-rechts p { padding-right: 30px }
}

@media screen and (min-width:640px) {
.ueber-mich-links { background: rgba(160,187,165,1) }
.ueber-mich-rechts { background: rgba(160,187,165,1); padding-top: 31px }
}

@media screen and (max-width:767px) {
header { padding: 20px 10px 20px 10px }
.logotype { line-height: 120%; }
.firma { display: block }
.toggle { padding: 10px; top: 17px; right: 10px }
.open { display: none }
h1 { font-size: 1.8em }
.content { padding: 10px 10px 30px 10px }
.footer { min-height: auto!important; margin: 0 !important; padding-bottom: 0 }
.small-right { padding-top: 40px }
}

@media screen and (max-width:639px) {
.nomobile { display: none }
.content { margin-top: 40vh; min-height: auto }
.impressum-links { margin-top: 0 }

.change-management-detail { background: rgba(155,196,218,1) url(/img/change-management-mobile.jpg) no-repeat top center !important; background-size: 130% !important }
.change-management-content-detail { background: rgba(155,196,218,1) }
.interimsmanagement-detail { background: url(/img/interimsmanagement-mobile.jpg) no-repeat top center !important; background-size: 130% !important }
.interimsmanagement-content-detail { background: rgba(242,203,165,1) }
.startup-support-detail { background: url(/img/startup-support-mobile.jpg) no-repeat top center !important; background-size: 130% !important }
.startup-support-content-detail { background: rgba(255,184,166,1) }
.arbeitsweise-detail { background: url(/img/arbeitsweise-mobile.jpg) no-repeat top center !important; background-size: 130% !important }
.arbeitsweise-content-detail { background: rgba(210,179,190,1) }

#startup-support { background: url(/img/startup-support-mobile.jpg) no-repeat top center; background-size: cover }
#ueber-mich { background: url(/img/ueber-mich-mobile.jpg) no-repeat top center !important; background-size: 100% !important }
.ueber-mich, .ueber-mich-rechts, .ueber-mich-detail { background: rgba(160,187,165,1) !important}
.kennenlernen { background: rgba(200,200,200,0.4); margin-top: 0; min-height: auto; }
.rechts { padding-top: 2em }
nav { line-height: 150% }
}