/* cmsms stylesheet: webfonts modified: Dienstag, 28. März 2023 16:47:34 */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('https://www.c-to-be.de/webfonts/fontawesome-webfont.eot?v=4.7.0');
src: url('https://www.c-to-be.de/webfonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://www.c-to-be.de/webfonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://www.c-to-be.de/webfonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://www.c-to-be.de/webfonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://www.c-to-be.de/webfonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}


/*
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Avenir 35 Light by Linotype
 * URL: https://www.myfonts.com/products/pro-35-light-115678-avenir-368736
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: Avenir 85 Heavy by Linotype
 * URL: https://www.myfonts.com/products/pro-85-heavy-115678-avenir-368789
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: Avenir 65 Medium by Linotype
 * URL: https://www.myfonts.com/products/pro-65-medium-115678-avenir-368766
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2023 MyFonts Inc. */
  
@font-face {
  font-family: "Avenir35Light";
  src: url('https://www.c-to-be.de/webfonts/Avenir35Light/font.woff2') format('woff2'), url('https://www.c-to-be.de/webfonts/Avenir35Light/font.woff') format('woff');
}
@font-face {
  font-family: "Avenir85Heavy";
  src: url('https://www.c-to-be.de/webfonts/Avenir85Heavy/font.woff2') format('woff2'), url('https://www.c-to-be.de/webfonts/Avenir85Heavy/font.woff') format('woff');
}
@font-face {
  font-family: "Avenir65Medium";
  src: url('https://www.c-to-be.de/webfonts/Avenir65Medium/font.woff2') format('woff2'), url('https://www.c-to-be.de/webfonts/Avenir65Medium/font.woff') format('woff');
}
/* cmsms stylesheet: global modified: Freitag, 9. Januar 2026 10:43:32 */
body, html {
font-family: "Avenir35Light", Arial, sans-serif;
font-size: 1.06em;
font-weight: normal;
font-display: block;
color: #3b3c3c;
line-height: 1.65em;
height: 100%;
width: 100%;
min-width: 320px;
margin: 0px;
padding: 0px;
text-align: left;
background: #f1f1f1;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}


img { border: 0px; text-decoration: none; border-style: none; border-width: 0; }
a { outline: 0; -moz-outline: 0 }
b, strong { 
font-family: "Avenir85Heavy";
font-style: normal;
font-weight: normal;
}
i, em { font-style: italic; }
form { margin: 0px; padding: 0px; position: relative; }
p { margin: 0px; padding: 0px; }
ul { margin: 0px; padding: 0px; position: relative; }
li { margin-left: 15px; }
.wh100 { width: 100%; height: auto; }
.pointer { cursor: pointer; }
.FA { font-family: 'FontAwesome'; }
.bigger { font-size: 180% !important; }
.big { font-size: 150% !important; }
.small { font-size: 85% !important; }
.smaller { font-size: 65% !important; }
.wsnw { white-space: nowrap !important; }
.do { display: inline-block !important; }
.mo { display: none !important; }
.sl-do { display: block !important; }
.sl-mo { display: none !important; }
.flex-m { display: flex; flex-wrap: wrap; }
.flex-c { flex: 1 1 calc(100% / 2); }
.flex-v { flex: 1 1 calc(100% / 1); }

* {
box-sizing: border-box;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.op0 {
opacity: 0;
-o-transition: all 1s ease 10ms;
-moz-transition: all 1s ease 10ms;
-ms-transition: all 1s ease 10ms;
-webkit-transition: all 1s ease 10ms;
transition: all 1s ease 10ms;
}

.op1 {
opacity: 1;
-o-transition: all 1s ease 10ms;
-moz-transition: all 1s ease 10ms;
-ms-transition: all 1s ease 10ms;
-webkit-transition: all 1s ease 10ms;
transition: all 1s ease 10ms;
}

#wrapper {
width: 100%;
position: relative;
margin: 0px auto;
background: #ffffff;
padding: 0px 0px 0px 0px;
}



.ofh {
overflow: hidden;
}

.ofa {
overflow: auto;
}

.bl1 {
filter: blur(5px);
}

.bl0 {
filter: blur(0px);
}

.block {
display: block;
}

.cb {
clear: both;
}

.fl {
float: left;
}

.fr {
float: right;
}

.green {
color: #bbc117;
}

.ctb-blue {
color: #003559;
}

h1 {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
width: 100%;
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 2em;
line-height: 125%;
color: #003559;
text-transform: uppercase;
letter-spacing: 0.05em;
}

h2 {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
width: 100%;
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 1.6em;
line-height: 125%;
color: #003559;
text-transform: uppercase;
letter-spacing: 0.05em;
}

h2.subhead {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: 500;
width: 100%;
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 1.1em;
line-height: 115%;
color: #3b3c3c;
text-transform: none;
}

h3 {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
width: 100%;
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 1.4em;
line-height: 125%;
color: #003559;
text-transform: uppercase;
letter-spacing: 0.05em;
}

h4 {
font-family: 'Roboto', Arial, sans-serif;
font-style: normal;
font-weight: 500;
width: 100%;
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 1.2em;
line-height: 125%;
color: #003559;
}

h5 {
font-family: 'Roboto', Arial, sans-serif;
font-style: normal;
font-weight: 500;
width: 100%;
margin: 0px;
padding: 0px 0px 5px 0px;
font-size: 1.1em;
line-height: 125%;
color: #3b3c3c;
}

h6 {
font-family: 'Roboto', Arial, sans-serif;
font-style: normal;
font-weight: 500;
width: 100%;
margin: 0px;
padding: 0px 0px 5px 0px;
font-size: 1.1em;
line-height: 125%;
color: #3b3c3c;
}

#header {
position: relative;
height: 145px;
width: 100%;
max-width: 1400px;
background: #ffffff;
margin: 0px auto;
padding: 30px 0px 0px 0px;
}

/*
#logo-ctb {
position: absolute;
top: 35px;
left: 20px;
width: 265px;
height: auto;
}
*/

#logo-claim-ctb {
position: relative;
width: 300px;
height: auto;
margin: 0px auto;
}

/*
#claim-ctb {
position: absolute;
top: 35px;
left: 315px;
width: 465px;
height: auto;
}
*/


#logo-ctb img, #claim-ctb img, #logo-claim-ctb img, #logo-blog-ctb img {
width: 100%;
height: auto;
}

#sm-top {
position: absolute;
top: 80px;
right: 90px;
height: 32px;
}

#lang-select {
position: absolute;
top: 87px;
right: 20px;
height: 20px;
line-height: 20px;
color: #050505;
font-size: 85%;
}

#lang-select a {
font-family: "Avenir35Light";
font-style: normal;
font-weight: normal;
color: #050505 !important;
}

#lang-select a.langactive {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #050505 !important;
}

#lang-select span {
display: inline-block;
}

/*
#lang-select span:first-child {
border-right: 1px solid #050505;
padding-right: 4px;
}
*/

#lang-select span:first-child::after {
content: "|";
font-weight: 300 !important;
}

.langactive {
font-weight: 300 !important;
}

#sm-top img {
width: 32px;
height: 32px;
margin-left: 5px;
transform: scale(1);
transition: all 200ms ease 10ms;
}

#sm-top img:hover {
transform: scale(1.1);
transition: all 200ms ease 10ms;
}

#keyvisual {
width: 100%;
height: auto;
line-height: 0px;
}

#keyvisual img {
width: 100%;
height: auto;
}

section {
width: 100%;
position: relative;
}

.books {
padding: 20px 0px 20px 0px;
}

.two-tone-l {
background: #ced0c5;
}

.two-tone-r {
background: #dee0d5;
}

.two-tone-w {
background: #ffffff;
}

.blog-teaser-bar {
background: #123555;
}

.blog-teaser-bar-con {
position: relative;
width: 100%;
min-height: 45px;
line-height: 45px;
color: #ced34c;
font-size: 1.6em;
font-weight: 300;
padding: 0px 0px 0px 120px;
cursor: pointer;
}

.blog-teaser-logo {
width: 80px;
height: auto;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
margin: auto 0;
}

.blog-teaser-con {
background: #f1f1f1;
}

.content {
position: relative;
width: 100%;
max-width: 1240px;
padding: 50px 20px 50px 20px;
margin: 0px auto;
}

.conpad {
padding-right: 25%;
}

.content-low {
position: relative;
width: 100%;
max-width: 1240px;
padding: 20px 20px 20px 20px;
margin: 0px auto;
}

.container-head {
position: relative;
width: 100%;
}

.container-head-content {
position: relative;
width: 100%;
max-width: 1240px;
padding: 30px 20px 0px 20px;
margin: 0px auto;
}

.container-l {
float: left;
width: 50%;
padding: 0px 0px 0px 0px;
position: relative;
}

.container-r {
float: right;
width: 50%;
text-align: left;
padding: 0px 0px 0px 0px;
position: relative;
}

.content-l {
float: right;
width: 100%;
max-width: 620px;
padding: 25px 50px 25px 20px;
position: relative;
}

.content-r {
float: left;
width: 100%;
max-width: 620px;
text-align: left;
padding: 25px 20px 25px 50px;
position: relative;
}

.content-r img, .content-l img { 
width: 100%; 
height: auto; 
}

.pull-up {
margin-top: -60px;
}

.top-white {
height: auto;
min-height: 190px;
}





/* Footer */

#fw {
background: #2a3845;
}

#footer {
width: 100%;
max-width: 1240px;
margin: 0px auto;
height: auto;
min-height: 190px;
padding: 40px 20px 20px 20px;
position: relative;
color: #ffffff;
font-size: 85%;
line-height: 135%;
}

/*
.fc {
float: left;
white-space: nowrap;
color: #ffffff;
padding: 0px 20px 20px 0px;
flex: 1 1 calc(100% / 7);
}

.fc h2 {
font-weight: 500;
font-size: 110%;
color: #ced34c;
margin: 0px;
padding: 0px 0px 15px 0px;
}
*/

#cline {
width: 100%;
height: auto;
line-height: 30px;
text-align: center;
font-size: 90%;
padding: 0px 100px 0px 100px;
position: relative;
background: #000000;
color: #ffffff;
}

#cline a {
color: #ffffff !important;
text-decoration: none;
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
}

/* Ende Footer */


.gototop {
position: fixed;
bottom: 10px;
right: 10px;
font-family: 'FontAwesome' !important;
font-size: 230%;
text-decoration: none !important;
color: #000000 !important;
font-weight: 400;
background: #ffffff;
width: 40px;
height: 40px;
line-height: 35px !important;
border-radius: 20px;
text-align: center;
z-index: 9999;
display: none;
opacity: 0.8;
}



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

#logo-ctb {
position: absolute;
top: 25px;
left: 20px;
width: 265px;
height: auto;
}

#claim-ctb {
position: absolute;
top: 25px;
left: 315px;
width: 465px;
height: auto;
}

}


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

#header {
position: relative;
height: 100px;
width: 100%;
max-width: 1400px;
background: #ffffff;
margin: 0px auto;
}

#logo-ctb {
display: none;
}

#claim-ctb {
display: none;
}

#logo-claim-ctb {
display: block;
position: absolute;
top: 20px;
left: 20px;
width: 265px;
height: auto;
}

#sm-top {
position: absolute;
top: 20px;
right: 90px;
height: 32px;
}

#lang-select {
position: absolute;
top: 65px;
right: 100px;
height: 20px;
line-height: 20px;
color: #050505;
font-size: 85%;
}

.blog-teaser-bar-con {
position: relative;
width: 100%;
min-height: 45px;
line-height: 100%;
color: #ced34c;
font-size: 1.4em;
font-weight: 300;
padding: 0px 0px 0px 110px;
}

}



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

#header {
position: relative;
height: 80px;
width: 100%;
max-width: 1400px;
background: #ffffff;
margin: 0px auto;
}

#wrapper {
font-size: 90%;
width: 100%;
position: relative;
margin: 0px auto;
background: #ffffff;
padding: 0px 0px 0px 0px;
}

.do { display: none !important; }
.sl-do { display: none !important; }
.mo { display: inline-block !important; }
.sl-mo { display: block !important; }

.flex-m { display: block; flex-wrap: none; }
.flex-c { flex: none; }

h1 {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
width: 100%;
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 1.6em;
line-height: 125%;
color: #003559;
text-transform: uppercase;
letter-spacing: 0.05em;
}

h2 {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
width: 100%;
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 1.3em;
line-height: 125%;
color: #003559;
text-transform: uppercase;
letter-spacing: 0.05em;
}

h2.subhead {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: 500;
width: 100%;
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 1.1em;
line-height: 115%;
color: #3b3c3c;
text-transform: none;
}

h3 {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
width: 100%;
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 1.2em;
line-height: 125%;
color: #003559;
text-transform: uppercase;
letter-spacing: 0.05em;
}

h4 {
font-family: 'Roboto', Arial, sans-serif;
font-style: normal;
font-weight: 500;
width: 100%;
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 1.1em;
line-height: 125%;
color: #003559;
}

#logo-claim-ctb {
display: block;
position: absolute;
top: 20px;
left: 18px;
width: 200px;
height: auto;
}

.container-l {
float: none;
width: 100%;
padding: 0px 0px 0px 0px;
position: relative;
}

.container-r {
float: none;
width: 100%;
text-align: left;
padding: 0px 0px 0px 0px;
position: relative;
}

.content-l {
float: none;
width: 100%;
max-width: 100%;
padding: 30px 20px 30px 20px;
}

.content-r {
float: none;
width: 100%;
max-width: 100%;
padding: 30px 20px 30px 20px;
}

.conpad {
padding-right: 20px;
}

.pull-up {
margin-top: auto;
}

.top-white {
height: auto;
min-height: auto;
}

#cline {
width: 100%;
height: auto;
line-height: 30px;
text-align: center;
font-size: 90%;
padding: 20px 20px 20px 20px;
position: relative;
background: #000000;
color: #ffffff;
}

}


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

#wrapper {
font-size: 80%;
width: 100%;
position: relative;
margin: 0px auto;
background: #ffffff;
padding: 0px 0px 0px 0px;
}

#header {
position: relative;
height: 130px;
width: 100%;
max-width: 1400px;
background: #ffffff;
margin: 0px auto;
}

#logo-claim-ctb {
display: block;
position: absolute;
top: 15px;
left: 15px;
width: 200px;
height: auto;
}

#sm-top {
position: absolute;
top: 88px;
right: auto;
left: 10px;
height: 32px;
}

#lang-select {
position: absolute;
top: 95px;
right: 15px;
height: 20px;
line-height: 20px;
color: #050505;
font-size: 85%;
}

}


/* Links */

a:link { 
color: #003559;
text-decoration: none;
font-family: "Avenir85Heavy";
font-style: normal;
font-weight: normal;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

a:active { 
color: #003559;
text-decoration: none;
font-family: "Avenir85Heavy";
font-style: normal;
font-weight: normal;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

a:visited { 
color: #003559;
text-decoration: none;
font-family: "Avenir85Heavy";
font-style: normal;
font-weight: normal;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

a:hover { 
color: #bbc117;
text-decoration: none;
font-family: "Avenir85Heavy";
font-style: normal;
font-weight: normal;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}
/* cmsms stylesheet: mainmenu modified: Donnerstag, 7. Dezember 2023 14:27:42 */
hr.separator { display: none; }

/* Fader */

@-webkit-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}

@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}

.exposemenu ul {
margin: 0px;
padding: 0px;
}

.exposemenu ul li {
margin: 0px;
padding: 5px 0px 5px 0px;
list-style-type: none;
}

.exposetitle {
color: #003559;
}

/* BC */

#bc-con {
width: 100%;
font-size: 75%;
line-height: 125%;
color: #999999;
}

#bc-con a {
color: #999999;
text-decoration: none;
}

#bc-con a:hover {
color: #97a91f;
text-decoration: none;
}

.bc-menu {
width: 100%;
max-width: 1240px;
margin: 0px auto;
padding: 8px 20px 0px 20px;
}

/* BC end */

#mw {
width: 100%;
height: auto;
min-height: 20px;
background: #ffffff;
font-size: 100%;
z-index: 222;
position: relative;
}

#mainmenu {
width: auto;
max-width: max-content;
height: 40px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
z-index: 100;
text-align: center;
}

#mm-bloglink {
position: absolute;
bottom: 7px;
right: 8%;
}

#mm-bloglink a {
display: inline-block;
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #4d5050;
text-decoration: none;
transform: scale(1) !important;
}

#mm-bloglink a:hover {
color: #c0cc4d;
text-decoration: none;
transform: scale(1.2) !important;
}

#clayer {
background: rgba(255,255,255,0.8);
position: fixed;
top: 0px;
right: 0px;
z-index: 1000;
}

.clopen {
height: 100%;
width: 100%;
-o-transition: all 100ms ease 10ms;
-moz-transition: all 100ms ease 10ms;
-ms-transition: all 100ms ease 10ms;
-webkit-transition: all 100ms ease 10ms;
transition: all 100ms ease 10ms;
}

.clclosed {
height: 100%;
width: 0px;
-o-transition: all 100ms ease 10ms;
-moz-transition: all 100ms ease 10ms;
-ms-transition: all 100ms ease 10ms;
-webkit-transition: all 100ms ease 10ms;
transition: all 100ms ease 10ms;
}


#menuopen {
display: none;
}

.menuclose {
width: 44px;
height: 44px;
position: absolute;
right: 15px;
top: 15px;
background: url(https://www.c-to-be.de/imgs/menuclose.png) no-repeat;
background-size: 44px 44px;
cursor: pointer;
}


#mobilemenu {
position: fixed;
top: 0px;
width: 320px;
height: 100%;
padding: 80px 20px 40px 20px;
background: #ffffff;
z-index: 9999;
text-align: left;
overflow: auto;
-o-transition: all 500ms ease 10ms;
-moz-transition: all 500ms ease 10ms;
-ms-transition: all 500ms ease 10ms;
-webkit-transition: all 500ms ease 10ms;
transition: all 500ms ease 10ms;
}

.mopen {
right: 0px;
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
-o-transition: all 500ms ease 10ms;
-moz-transition: all 500ms ease 10ms;
-ms-transition: all 500ms ease 10ms;
-webkit-transition: all 500ms ease 10ms;
transition: all 500ms ease 10ms;
}

.mclosed {
right: -320px;
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.15);
-o-transition: all 500ms ease 10ms;
-moz-transition: all 500ms ease 10ms;
-ms-transition: all 500ms ease 10ms;
-webkit-transition: all 500ms ease 10ms;
transition: all 500ms ease 10ms;
}


#mobilemenu ul {
margin: 0px;
padding: 0px;
font-size: 100%;
}

#mobilemenu ul ul {
margin: 0px;
padding: 0px 0px 0px 10px;
font-size: 90%;
}

#mobilemenu ul li {
margin: 0px;
padding: 0px 0px 5px 0px;
list-style-type: none;
}

#mobilemenu ul li.sectionheader {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #4d5050;
text-decoration: none;
border-bottom: none;
}

#mobilemenu ul li a {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #4d5050;
text-decoration: none;
border-bottom: none;
}

#mobilemenu ul li a:hover {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #c0cc4d;
text-decoration: none;
border-bottom: none;
}

#mobilemenu ul li a.activeparent {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #c0cc4d;
text-decoration: none;
border-bottom: none;
}

#mobilemenu ul li a.currentpage {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #c0cc4d;
text-decoration: none;
border-bottom: none;
}

#mobilemenu ul ul li a {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #777777;
text-decoration: none;
border-bottom: none;
}

#mobilemenu ul ul li a:hover {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #c0cc4d;
text-decoration: none;
border-bottom: none;
}

#mobilemenu ul ul li a.activeparent {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #c0cc4d;
text-decoration: none;
border-bottom: none;
}

#mobilemenu ul ul li a.currentpage {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #c0cc4d;
text-decoration: none;
border-bottom: none;
}

#mainmenu ul {
display: inline-block;
width: auto;
margin: 0px;
padding: 0px;
line-height: 36px;
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
}

#mainmenu ul li {
margin: 0px 20px 6px 0px;
list-style-type: none;
float: left;
}

/*
#mainmenu ul li:hover {
padding: 0px 0px 5px 0px;
border-bottom: 5px solid #c0cc4d;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}
*/

#mainmenu ul li a {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #4d5050;
text-decoration: none;
padding: 0px 0px 8px 0px;
border-bottom: 5px solid #ffffff;
}

#mainmenu ul li a:hover {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #c0cc4d;
text-decoration: none;
padding: 0px 0px 8px 0px;
border-bottom: 5px solid #c0cc4d;
}

#mainmenu ul li a.currentpage {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #c0cc4d;
text-decoration: none;
padding: 0px 0px 8px 0px;
border-bottom: 5px solid #c0cc4d;
}

#mainmenu ul li a.activeparent {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #c0cc4d;
text-decoration: none;
padding: 0px 0px 8px 0px;
border-bottom: 5px solid #c0cc4d;
}


/* Mainmenu weitere Ebenen */

#mainmenu ul ul {
position: absolute;
display: none;
left: -25%;
right: -25%;
margin-left: auto;
margin-right: auto;
transform: translate(0);
margin-top: 32px;
margin-bottom: -1px;
width: 100%;
min-width: max-content;
padding: 0px 0px 0px 0px;
white-space: nowrap;
z-index: 111;
line-height: 80px;
font-size: 95%;
text-align: center;
font-family: "Avenir35Light";
font-style: normal;
font-weight: normal;
}



#mainmenu ul ul ul {
margin-top: -3px;
left: 0;
margin-left: -10px;
padding: 5px 0px 5px 0px;
background: #f1f1f1;
line-height: 20px;
font-size: 100%;
z-index: 222;
min-width: max-content;
width: auto;
text-align: left;
box-shadow: 5px 2px 5px 0px rgba(0,0,0,0.40);
}


#mainmenu ul ul li {
list-style-type: none;
float: left;
width: auto;
position: relative;
padding: 0px;
margin: 0px 20px 0px 0px;
}

#mainmenu ul ul li a {
text-decoration: none;
margin: 0px;
padding: 0px;
display: block;
height: auto;
border-bottom: none;
color: #4d5050;
font-family: "Avenir35Light";
font-style: normal;
font-weight: normal;
}

#mainmenu ul ul li a:hover {
padding: 0px;
border-bottom: none;
font-family: "Avenir35Light";
font-style: normal;
font-weight: normal;
}

#mainmenu ul ul li a.currentpage {
padding: 0px;
border-bottom: none;
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #c0cc4d;
}

#mainmenu ul ul li a.activeparent {
padding: 0px;
border-bottom: none;
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #c0cc4d;
}

#mainmenu ul ul ul li a.currentpage {
position: relative;
text-decoration: none;
margin: 0px;
padding: 5px 10px 5px 10px;
display: block;
height: auto;
border-bottom: none;
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
color: #c0cc4d;
}

#mainmenu ul ul ul li a {
position: relative;
text-decoration: none;
margin: 0px;
padding: 5px 10px 5px 10px;
display: block;
height: auto;
border-bottom: none;
}



#mainmenu ul ul ul li a:hover {
padding: 5px 10px 5px 10px;
border-bottom: none;
}

/*
#mainmenu ul ul li:last-child {
list-style-type: none;
float: none;
width: auto;
position: relative;
padding: 0px;
margin: 0px;
}
*/

#mainmenu ul ul ul li {
list-style-type: none;
float: none;
width: 100%;
position: relative;
padding: 0px;
margin: 0px;
}



#mainmenu ul ul,
#mainmenu ul li:hover ul,
#mainmenu ul li:hover ul ul,
#mainmenu ul li:hover ul ul ul {
display: none;
}

#mainmenu ul li:hover ul,
#mainmenu ul ul li:hover ul,
#mainmenu ul ul ul li:hover ul,
#mainmenu ul ul ul ul li:hover ul {
display: inline-block;
-webkit-animation: fadeIn 200ms;
animation: fadeIn 200ms;
}

.m2lay {
display: none;
z-index: 10;
box-shadow: 5px 2px 5px 0px rgba(0,0,0,0.40);
}

#mainmenu:hover ~ .m2lay {
position: absolute;
left: 0px;
right: 0px;
top: 40px;
width: 100%;
background: #f1f1f1;
display: block !important;
height: 70px;
z-index: 10;
-webkit-animation: fadeIn 200ms;
animation: fadeIn 200ms;
}


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

/*
#mainmenu {
width: 100%;
max-width: 1400px;
height: auto;
margin: 0px auto;
padding: 0px 0px 0px 20px;
z-index: 100;
}
*/

}

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

#menuopen {
display: block;
width: 44px;
height: 44px;
position: absolute;
right: 20px;
top: 20px;
background: url(https://www.c-to-be.de/imgs/menuopen.png) no-repeat;
background-size: 44px 44px;
cursor: pointer;
}

#mainmenu {
display: none;
}

#mm-bloglink {
position: absolute;
bottom: 7px;
right: 20px;
}

}


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

#menuopen {
display: block;
width: 44px;
height: 44px;
position: absolute;
right: 20px;
top: 16px;
background: url(https://www.c-to-be.de/imgs/menuopen.png) no-repeat;
background-size: 44px 44px;
cursor: pointer;
}

#mobilemenu ul {
margin: 0px;
padding: 0px;
font-size: 125%;
}

}


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

#menuopen {
display: block;
width: 44px;
height: 44px;
position: absolute;
right: 15px;
top: 12px;
background: url(https://www.c-to-be.de/imgs/menuopen.png) no-repeat;
background-size: 44px 44px;
cursor: pointer;
}

#mm-bloglink {
position: absolute;
bottom: 39px;
right: 15px;
}

#mw {
width: 100%;
height: auto;
min-height: auto;
background: #ffffff;
font-size: 100%;
z-index: 0;
position: relative;
}

}



#footer ul {
margin: 0px;
padding: 0px;
display: flex;
flex-wrap: wrap;
font-size: 100%;
}

#footer ul ul {
margin: 10px 0px;
padding: 0px;
display: block;
font-size: 90%;
}

#footer ul li {
list-style-type: none;
float: left;
white-space: nowrap;
color: #ffffff;
margin: 0px;
padding: 0px 20px 20px 0px;
flex: 1 1 calc(100% / 7);
color: #ccd522;
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
}

#footer ul ul li {
list-style-type: none;
float: none;
white-space: nowrap;
color: #ffffff;
margin: 0px;
padding: 0px;
flex: none;
color: #ffffff;
font-family: "Avenir35Light";
font-style: normal;
font-weight: normal;
}


#footer ul li a:link {
color: #ccd522;
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
text-decoration: none;
display: block;
border-bottom: 0px;
}

#footer ul li a:active {
color: #ccd522;
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
text-decoration: none;
display: block;
border-bottom: 0px;
}

#footer ul li a:visited {
color: #ccd522;
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
text-decoration: none;
display: block;
border-bottom: 0px;
}

#footer ul li a:hover {
color: #ccd522;
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
text-decoration: none;
display: block;
border-bottom: 0px;
}

#footer ul ul li a:link {
color: #ffffff;
font-family: "Avenir35Light";
font-style: normal;
font-weight: normal;
text-decoration: none;
display: block;
border-bottom: 0px;
}

#footer ul ul li a:active {
color: #ffffff;
font-family: "Avenir35Light";
font-style: normal;
font-weight: normal;
text-decoration: none;
display: block;
border-bottom: 0px;
}

#footer ul ul li a:visited {
color: #ffffff;
font-family: "Avenir35Light";
font-style: normal;
font-weight: normal;
text-decoration: none;
display: block;
border-bottom: 0px;
}

#footer ul ul li a:hover {
color: #ccd522;
font-family: "Avenir35Light";
font-style: normal;
font-weight: normal;
text-decoration: none;
display: block;
border-bottom: 0px;
}
/* cmsms stylesheet: components modified: Montag, 26. Februar 2024 16:08:07 */
.search-input {
border: 2px solid #003559;
width: 100%;
max-width: 300px;
line-height: 30px;
font-weight: 400;
font-size: 100%;
text-indent: 5px;
}

.search-form-comb {
width: 284px;
height: 36px;
position: relative;
overflow: hidden;
}

.search-input-comb {
position: absolute;
top: 0px;
left: 0px;
border: 2px solid #ccd521;
width: 250px;
height: 34px;
line-height: 30px;
font-weight: 400;
font-size: 100%;
text-indent: 5px;
border-radius: 5px 0px 0px 5px;
}

.search-input-comb:focus {
outline: none;
}

.search-button-comb {
position: absolute;
top: 0px;
right: 0px;
padding: 0px;
margin: 0px;
line-height: 34px;
height: 34px;
width: 34px;
background: url(https://www.c-to-be.de/uploads/website/lupe2_C-TO_BE_full.png) #ccd521;
background-size: 34px 34px;
cursor: pointer;
transition: all 200ms ease 10ms;
border: 0px;
outline: 0px;
border-radius: 0px 5px 5px 0px;
}

.search-button {
padding: 0px 20px 0px 20px;
margin: 20px 0px 20px 0px;
line-height: 34px;
font-weight: 500 !important;
font-size: 100%;
background: #003559;
color: #ccd522;
text-transform: uppercase;
cursor: pointer;
transition: all 200ms ease 10ms;
border: 0px;
outline: 0px;
}

.search-button:hover {
background: #ccd522;
color: #003559;
transition: all 200ms ease 10ms;
}

.bookcover {
width: 100%;
max-width: 240px;
height: auto;
border: 1px solid #f0f0f0;
box-shadow: 5px 2px 5px 0px rgba(0,0,0,0.40);
}

.bookblock {
position: relative;
width: 100%;
height: auto;
padding: 0px 280px 0px 0px;
}

.bookblocklinks {
position: absolute;
bottom: 20px;
right: 60px;
width: 200px;
height: auto;
}

.bg-teamtop {
background: #dee0d5 !important;
}

.team-portrait img {
width: 100%;
max-width: 270px;
height: auto;
}

#team-title {
width: 100%;
height: auto;
position: absolute;
bottom: 15px;
left: 20px;
}

.teamlist-left {
float: left;
width: 45%;
}

.teamlist-right {
float: right;
width: 45%;
text-align: left;
}


@media only screen and (max-width: 800px) {
#team-title {
width: 100%;
height: auto;
position: relative;
bottom: auto;
left: auto;
}
}

#blog-toplink {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
text-align: center;
padding: 0px 300px 0px 0px;
}

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

#blog-toplink {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
text-align: center;
padding: 0px 0px 0px 0px;
}

}

#toplink {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
text-align: center;
}

.lcirc {
font-family: 'FontAwesome';
font-size: 125%;
display: inline-block;
width: 40px;
height: 40px;
border-radius: 20px;
border: 1px solid #003559;
line-height: 38px;
text-align: center;
color: #003559;
background: transparent;
transition: all 200ms ease 10ms;
}

.lcirc-sm {
font-family: 'FontAwesome';
font-size: 100%;
display: inline-block;
width: 30px;
height: 30px;
border-radius: 15px;
border: 1px solid #003559;
line-height: 28px;
text-align: center;
color: #003559;
background: transparent;
transition: all 200ms ease 10ms;
}

a.link-arrow-std {
display: inline-block;
width: auto;
height: 40px;
line-height: 40px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #003559;
text-decoration: none;
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
white-space: nowrap;
}

a.link-arrow-std:hover {
color: #003559;
text-decoration: none;
}

a.link-arrow-std:hover .lcirc {
color: #f1f1f1;
background: #003559;
text-decoration: none;
transition: all 200ms ease 10ms;
}

a.link-arrow-sm {
display: inline-block;
width: auto;
height: 30px;
line-height: 30px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #003559;
text-decoration: none;
font-family: "Avenir85Heavy";
font-style: normal;
font-weight: normal;
white-space: nowrap;
}

a.link-arrow-sm:hover {
color: #003559;
text-decoration: none;
}

a.link-arrow-sm:hover .lcirc-sm {
color: #f1f1f1;
background: #003559;
text-decoration: none;
transition: all 200ms ease 10ms;
}


a.link-icon {
display: inline-block;
width: auto;
height: 40px;
line-height: 40px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #003559;
text-decoration: none;
font-family: "Avenir85Heavy";
font-style: normal;
font-weight: normal;
white-space: nowrap;
}

a.link-icon:hover {
color: #bbc117;
text-decoration: none;
}

a.link-icon:hover .lcirc {
color: #f1f1f1;
background: #003559;
text-decoration: none;
transition: all 200ms ease 10ms;
}


a.link-icon-sm {
display: inline-block;
width: auto;
height: 30px;
line-height: 30px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #003559;
text-decoration: none;
font-family: "Avenir85Heavy";
font-style: normal;
font-weight: normal;
white-space: nowrap;
}

a.link-icon-sm:hover {
color: #bbc117;
text-decoration: none;
}

a.link-icon-sm:hover .lcirc-sm {
color: #f1f1f1;
background: #003559;
text-decoration: none;
transition: all 200ms ease 10ms;
}


a.link-fone {
display: block;
width: auto;
height: 40px;
line-height: 40px;
padding: 0px 0px 0px 48px;
margin: 10px 20px 20px 0px;
color: #003559;
text-decoration: none;
font-family: "Avenir85Heavy";
font-style: normal;
font-weight: normal;
white-space: nowrap;
background: url(https://www.c-to-be.de/uploads/website/icon_fone.png) top left no-repeat;
background-size: 40px auto;
float: left;
}

a.link-fone:hover {
color: #bbc117;
text-decoration: none;
}

a.link-mail {
display: block;
width: auto;
height: 40px;
line-height: 40px;
padding: 0px 0px 0px 48px;
margin: 10px 20px 20px 0px;
color: #003559;
text-decoration: none;
font-family: "Avenir85Heavy";
font-style: normal;
font-weight: normal;
white-space: nowrap;
background: url(https://www.c-to-be.de/uploads/website/icon_mail.png) top left no-repeat;
background-size: 40px auto;
float: left;
}

a.link-mail:hover {
color: #bbc117;
text-decoration: none;
}

.book-home {
float: left;
width: 33% !important;
max-width: 150px !important;
border: 1px solid #c1c1c1;
margin: 0px 25px 0px 0px;
box-shadow: 5px 2px 5px 0px rgba(0,0,0,0.40);
transform: scale(1);
transition: all 200ms ease 10ms;
}

.book-home:hover {
transform: scale(1.05);
transition: all 200ms ease 10ms;
}

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

.book-home {
float: left;
width: 25% !important;
max-width: 150px !important;
border: 1px solid #c1c1c1;
margin: 0px 25px 0px 0px;
box-shadow: 5px 2px 5px 0px rgba(0,0,0,0.40);
}

}


/* Klickliste */

.listleft {
float: left;
width: 47%;
}

.listright {
float: right;
width: 47%;
text-align: left;
}

dl {
margin: 0px;
}

dd { 
display: none;
margin: 0px;
}

dt {
cursor: pointer;
}

dt h3 {
margin: 0px;
padding: 17px 50px 17px 20px;
font-size: 1.05em;
line-height: 120%;
font-weight: bold;
}

.closed {
color: #4b4041;
background: url(imgs/list-ar-down.png) right 20px top 20px no-repeat #ffffff;
background-size: 15px auto;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

.open {
color: #ffffff;
background: url(imgs/list-ar-up.png) right 20px top 20px no-repeat #4a922d;
background-size: 15px auto;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

.listbox {
background: #ffffff;
min-height: 28px;
width: 100%;
margin: 0px 0px 10px 0px;
padding: 0px;
box-sizing: border-box;
box-shadow: 1px 1px 10px #d5d5d5;
border-radius: 3px;
}

.listcontent {
margin: 0px;
padding: 15px 20px 15px 20px;
position: relative;
font-size: 90%;
}



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

.listleft {
float: none;
width: 100%;
}

.listright {
float: none;
width: 100%;
text-align: left;
}

}



/* Orderform */

.anmeldung {
padding: 25px 0px 0px 0px;
}

.order-form-input input {
width: 100%;
height: 32px;
line-height: 32px;
text-indent: 10px;
margin: 0px 0px 10px 0px;
color: #003559;
background: #f1f1f1;
border: 1px solid #003559;
outline: 0px;
}

.order-form-input-sm input {
width: 100%;
max-width: 200px;
height: 32px;
line-height: 32px;
text-indent: 10px;
margin: 0px 0px 10px 0px;
color: #003559;
background: #f1f1f1;
border: 1px solid #003559;
outline: 0px;
}

.order-form-textarea textarea {
width: 100%;
height: 155px;
margin: 0px 0px 10px 0px;
color: #003559;
background: #f1f1f1;
border: 1px solid #003559;
outline: 0px;
}

.order-form-select select {
width: 50%;
height: 32px;
line-height: 32px;
text-indent: 3px;
margin: 0px 0px 10px 0px;
color: #898989;
border: 0px;
outline: 0px;
}

.ordersubmit input {
height: 32px;
line-height: 32px;
padding: 0px 15px 0px 15px;
border: none;
outline: none;
background: #898989;
text-align: center;
font-weight: normal;
color: #ffffff;
text-transform: uppercase;
font-family:"HelveticaNeueW02-45Ligh";
font-size: 125%;
cursor: pointer;
overflow: hidden;
-o-transition: all 300ms 10ms;
-moz-transition: all 300ms 10ms;
-webkit-transition: all 300ms 10ms;
-ms-transition: all 300ms 10ms;
transition: all 300ms 10ms;
}

.ordersubmit input:hover {
background: #609793;
color: #ffffff;
-o-transition: all 300ms 10ms;
-moz-transition: all 300ms 10ms;
-webkit-transition: all 300ms 10ms;
-ms-transition: all 300ms 10ms;
transition: all 300ms 10ms;
}
/* cmsms stylesheet: blog modified: Dienstag, 11. Juli 2023 09:26:14 */
/* Blog main */

#header-blog {
position: relative;
height: 160px;
width: 100%;
max-width: 1400px;
margin: 0px auto;
padding: 35px 300px 0px 20px;
}

#logo-blog-ctb {
position: relative;
width: 100%;
max-width: 500px;
height: auto;
margin: 0px auto;
}

#container-blog { 
width: 100%;
max-width: 1240px;
display: table;
margin: 0px auto;
padding: 20px 20px 40px 20px;
}

#container-blog h1,
#container-blog h2,
#container-blog h3 { 
text-transform: none;
}

#content-blog {
display: table-cell;
height: 100%;
width: 100%;
text-align: left;
padding: 0px;
margin: 0px;
vertical-align: top;
}

#sidebar-blog {
display: table-cell;
width: 300px;
height: 100%;
float: right;
padding: 0px;
margin: 0px 0px 0px 20px;
}

#blog-cats ul {
margin: 0px;
padding: 0px;
}

#blog-cats ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#blog-pn-nav {
position: relative;
width: 100%;
height: 50px;
text-align: center;
}

.blog-next {
position: absolute;
top: 20px;
right: 20px;
}

.blog-prev {
position: absolute;
top: 20px;
left: 20px;
}

/* Blog posts */

.blog-post {
display: block;
width: 100%;
background: #ffffff;
margin: 0px 0px 20px 0px;
}

.blog-post-img {
width: 100%;
margin: 0px;
}

.blog-post-sm-img {
width: 35%;
max-width: 400px;
margin: 0px;
float: left;
}

.blog-post-img img, .blog-post-sm-img img {
width: 100%;
height: auto;
}

.blog-sum-post-content {
position: relative;
width: 100%;
height: auto;
padding: 40px 40px 40px 110px;
}

.blog-sum-sm-post-content {
width: 65%;
height: auto;
padding: 0px 0px 0px 20px;
float: left;
}

.blog-detail-post-content {
position: relative;
width: 100%;
height: auto;
padding: 40px 20px 40px 20px;
}

h1.blog-headline {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
width: 100%;
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 2em;
line-height: 115%;
color: #3e3e3e;
text-transform: none;
letter-spacing: 0.01em;
}

h2.blog-headline {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
width: 100%;
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 2em;
line-height: 115%;
color: #3e3e3e;
text-transform: none;
letter-spacing: 0em;
}

h2.blog-sm-headline {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
width: 100%;
margin: 0px;
padding: 0px 0px 5px 0px;
font-size: 1.25em;
line-height: 115%;
color: #3e3e3e;
text-transform: none;
letter-spacing: 0em;
}

.blog-sum-sm-date-con {
position: absolute;
top: 0px;
left: -30px;
width: 80px;
height: auto;
padding: 5px 0px 0px 0px;
text-align: center;
font-size: 90%;
}

.blog-sum-date-con {
position: absolute;
top: 30px;
left: 0px;
width: 90px;
height: auto;
padding: 5px 0px 0px 0px;
border-right: 2px solid #f1f1f1;
text-align: center;
}

.blog-sum-date-year {
color: #b5b5b5;
font-size: 80%;
}

.blog-sum-date-day {
color: #b5b5b5;
font-size: 200%;
}

.blog-sum-date-month {
color: #3e3e3e;
font-size: 90%;
text-transform: uppercase;
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
}

.blog-detail-date-day, .blog-detail-date-month {
color: #b5b5b5 !important;
}

.blog-detail-authorline {
color: #b5b5b5;
font-size: 80%;
padding: 0px 0px 10px 0px;
}

#blog-post-sum-home-con {
width: 100%;
/* max-width: 1000px; */
margin: 0px auto;
padding: 40px 0px 0px 0px;
}

.blog-post-sum-sm {
position: relative;
display: block;
width: 100%;
height: auto;
padding: 0px 0px 0px 60px;
margin: 0px 0px 40px 0px;
}


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

#container-blog { 
width: 100%;
max-width: 1240px;
display: block;
margin: 0px auto;
padding: 20px 20px 40px 20px;
}

#header-blog {
position: relative;
height: 160px;
width: 100%;
max-width: 1400px;
margin: 0px auto;
padding: 25px 20px 0px 20px;
}

#content-blog {
display: block;
height: 100%;
width: 100%;
text-align: left;
padding: 0px;
margin: 0px;
vertical-align: top;
}

#sidebar-blog {
display: block;
width: 100%;
height: 100%;
float: none;
padding: 0px 20px 0px 0px;
margin: 40px 0px 0px 20px;
}

}


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

.blog-post-sm-img {
width: 100%;
max-width: 800px;
margin: 0px;
float: none;
}

.blog-sum-sm-post-content {
width: 100%;
height: auto;
padding: 20px 0px 0px 0px;
float: none;
}

}

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

h1.blog-headline {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
width: 100%;
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 1.6em;
line-height: 115%;
color: #3e3e3e;
text-transform: none;
letter-spacing: 0.01em;
}

h2.blog-headline {
font-family: "Avenir65Medium";
font-style: normal;
font-weight: normal;
width: 100%;
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 1.6em;
line-height: 115%;
color: #3e3e3e;
text-transform: none;
letter-spacing: 0em;
}

.blog-sum-post-content {
position: relative;
width: 100%;
height: auto;
padding: 20px 20px 20px 80px;
}

.blog-sum-date-con {
position: absolute;
top: 30px;
left: 0px;
width: 60px;
height: auto;
padding: 5px 0px 0px 0px;
border-right: 2px solid #f1f1f1;
text-align: center;
}

}
/* cmsms stylesheet: slider modified: Dienstag, 20. Juni 2023 17:51:20 */
#teamslider {
position: relative;
width: 100%;
max-width: 1240px;
padding: 60px 20px 40px 20px;
margin: 0px auto;
}

#htSlider {
position: relative;
padding: 0px 50px 0px 60px;
}

#htSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0px;
}

#htSlider .MS-content .item {
display: inline-block;
width: 16.66%;
position: relative;
vertical-align: top;
overflow: hidden;
height: 100%;
white-space: normal;
padding: 0px 10px 0px 10px;
text-align: center;
font-size: 0.9em;
line-height: 115%;
color: #003559;
text-decoration: none;
font-family: "Avenir85Heavy";
font-style: normal;
font-weight: normal;
}


.item img {
width: 100%;
height: auto;
margin: 0px 0px 10px 0px;
transform: scale(1);
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

#htSlider .MS-controls button { 
position: absolute;
background: none;
height: 40px;
width: 40px;
border: none;
background-color: transparent;
outline: 0;
cursor: pointer;
}

#htSlider .MS-controls .MS-left {
  top: 28%;
  left: 0px;
}

#htSlider .MS-controls .MS-right {
  top: 28%;
  right: 0px;
}

.MS-left:hover .lcirc, .MS-right:hover .lcirc {
color: #f1f1f1;
background: #003559;
text-decoration: none;
transition: all 200ms ease 10ms;
}


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

#htSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0px;
}

}


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

#htSlider {
position: relative;
padding: 0px 30px 0px 30px;
}

#htSlider .MS-controls .MS-left {
  top: 30px;
  left: -20px;
}

#htSlider .MS-controls .MS-right {
  top: 30px;
  right: -10px;
}

#htSlider .MS-content .item {
display: inline-block;
width: 20%;
position: relative;
vertical-align: top;
overflow: hidden;
height: 100%;
white-space: normal;
padding: 0px 10px 0px 10px;
text-align: center;
font-family: 'Merriweather', serif;
font-size: 0.8em;
line-height: 115%;
font-weight: 400;
color: #ffffff;
}

}


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

#htSlider .MS-controls .MS-left {
  top: 50px;
  left: -20px;
}

#htSlider .MS-controls .MS-right {
  top: 50px;
  right: -5px;
}

#htSlider .MS-content .item {
display: inline-block;
width: 33.33%;
position: relative;
vertical-align: top;
overflow: hidden;
height: 100%;
white-space: normal;
padding: 0px 10px 0px 10px;
text-align: center;
font-family: 'Merriweather', serif;
font-size: 0.8em;
line-height: 115%;
font-weight: 400;
color: #ffffff;
}

}


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

#htSlider .MS-controls .MS-left {
  top: 30px;
  left: -20px;
}

#htSlider .MS-controls .MS-right {
  top: 30px;
  right: -5px;
}

#htSlider .MS-content .item {
display: inline-block;
width: 33.33%;
position: relative;
vertical-align: top;
overflow: hidden;
height: 100%;
white-space: normal;
padding: 0px 10px 0px 10px;
text-align: center;
font-family: 'Merriweather', serif;
font-size: 0.7em;
line-height: 115%;
font-weight: 400;
color: #ffffff;
}

}