body {
  color: #6c757d;
  font-size: 20px;
  line-height: 24px;
}

/***   Colors
Blau
CMYK 100 | 5 | 17 | 23
RGB 0 | 128 | 165
#0080a5
Orange
0 | 58 | 85 | 0
RGB 246 | 134 | 60
#f6863c
Grau (50% Schwarz)
CMYK 0 | 0 | 0 | 50
RGB 156 | 156 | 156
#9c9c9c

Hellgrau HG
#f2f2f2
#dbdddf
#9ea4a9

Schrift
#6c757d

ahfhg+++
grau
adaeae
918f90
orange
f99345
f98831
blau
33a1bc
0089ab
+++
 ***/



nav#main-navbar{border-top: 15px solid #f6863c; border-bottom: 5px solid #0080a5;padding-top: 1.5rem; padding-bottom: 1.5rem;}

nav#main-navbar a.navbar-brand img{
  max-width: 40%;
  padding: 20px 0px;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0,128,165,.99); }

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
  font-size: 1.25rem;
}  
.navbar-light .navbar-nav .nav-link { color: rgba(0,128,165,.9);}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link { color: rgb(108, 117, 125);}

.nav-meta-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 60%;
  z-index: 5030;
  xborder: 1px solid red;
}
.nav-meta-wrapper .nav-meta{ height: auto;}

.nav-meta-wrapper img{
  margin-top: 50px;
  width: 100%;
}

button.navbar-toggler { margin-bottom: 15px;background:#ccc;}
button.navbar-toggler{ margin-left: calc((100% - 250px) * 0.2);}


.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 255, 255, 255, 0.99%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar > .container {display: block;}

@media (min-width: 576px){
  button.navbar-toggler{ margin-left: calc((100vW - 350px) * 0.3);}
  .nav-meta-wrapper {left: auto;}
  .nav-meta-wrapper img{ width: 180px;}
}
@media (min-width: 768px){
  .nav-meta-wrapper img{ width: 220px;}
 }
@media (min-width: 992px){
  nav#main-navbar a.navbar-brand img{max-width: 100%;}
  nav#main-navbar a.navbar-brand{margin-left: -30px;}
  .navbar > .container {display: flex;}
  .nav-meta-wrapper img{ margin-top: 60px;}
  .nav-meta-wrapper .nav-link{padding-bottom: 0px;}
  .py-lg-0 { padding-top: 50px !important;}
  nav#main-navbar .container{font-size:1.0rem;}
}

@media (min-width: 1200px){
  .nav-meta-wrapper { right: calc(50% - 600px);}
  nav#main-navbar .container{font-size:1.25rem;}
}

@media (max-width: 991px){
.navbar-expand-lg { overflow-y: auto !important; }
}

/* Content */
main.main-content.pt-5{margin-top: 200px;}
#page-2 main.main-content.pt-5 {margin-top: 104px;}
@media (min-width: 992px){
  main.main-content.pt-5{margin-top: 250px;}
  #page-2 main.main-content.pt-5{margin-top: 130px;}
}





main.main-content a, .amorange{color:#f6863c}
hr { opacity: 0.75;}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 36px;
}
h3 {
  font-size: 28px;
}

@media (min-width: 992px){ 
  h2 {font-size: 48px;}
  h3 {font-size: 34px;}
}

/* Startseite */

#s-9 h2{font-size: 22px;}
@media (min-width: 576px){ #s-9 h2{font-size: 34px;}}
@media (min-width: 768px){ #s-9 h2{font-size: 44px;}}
@media (min-width: 992px){ #s-9 h2{font-size: 48px;}}



#s10 {
  background-size: 50%;;
  background-position: 150% 0%;;
}
#s10 h2, #s10 h3{
  margin-bottom: 1.25rem;
}

#c8{
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
  background: #0080a5;
  color: #fff;
  padding: 60px 40px;
  text-align: center;
  border-radius: 230px;
  font-weight: 600;
  font-size: 1.2rem;
}

#c8 p.text-info{
  color: #f6863c !important;
  background: #fff;
  padding: 6px 6px;
  margin: 0px;
  width: 240px;
}


/* Card flipper */
#page-2 #c13{ display: inline-block;}
#page-2 .card-flipper { color: #fff;}
#page-2 .card-body {
  flex: 1 1 auto;
  flex: inherit;
  padding: 1rem 1rem;
  padding-bottom: 0;
  margin-top: -100%;
  z-index: 10;
}
#page-2 .card-flipper .card-footer, #page-2 .cardflipper .card-footer {
  z-index: 10;
  padding:0;
}
#page-2 section#s-11 .card-flipper .mainflip .frontside div.card .card-footer i{display: none; border: 1px solid #000;}
#page-2 .card-flipper h4{font-size: 24px;}
#page-2 .card-flipper p{ font-size: 12px;  line-height: 18px;}

#page-2 .card-footer .btn-secondary {
  color: #5c636a;
  background-color: #fff;
  border-color: #fff;
}

#page-2 .card-flipper .backside .card,
#page-2 .card-flipper .frontside .card {
  min-height: auto;
  height: auto;
}

#page-2 .card-flipper .backside .card h4{ display: none;}
@media (min-width: 992px){ 
  #page-2 .card-flipper .backside .card h4{ display: block;}
}
@media (min-width: 1200px){
  #page-2 .card-flipper h4{font-size: 40px;}
  #page-2 .card-flipper p{ font-size: 20px;  line-height: 24px;}
}

/*  .image-flip .backside, .image-flip .card, .image-flip .frontside, .image-flip .mainflip */
#page-2 .image-flip .mainflip {
  height: 416px;
  xborder: 1px solid yellow;
}
@media (max-width: 1399px){ 
#page-2 .image-flip .mainflip {
  height: 356px;
  xborder: 1px solid green;
}
}
@media (max-width: 1199px){ 
#page-2 .image-flip .mainflip {
  height: 294px;
  xborder: 1px solid red;
}
}
@media (max-width: 991px){ 
#page-2 .image-flip .mainflip {
  height: 215px;
  xborder: 1px solid cyan;
}
}
@media (max-width: 767px){ 
#page-2 .image-flip .mainflip {
  height: 245px;
  margin-left: auto;
  margin-right: auto;
  xborder: 1px solid blue;
}
}
@media (max-width: 575px){ 
#page-2 .image-flip .mainflip {
  height: 300px;
  width: 300px;
  xborder: 1px solid black;
}
}



/* Accordion */
#s19 {
  background-size: 50%;;
  background-position: 150% 100%;;
}
.header-20{
  margin-bottom: 1.25rem;
}
.accordion-item{
  margin-bottom: 0.5rem;
}
  
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1.5rem;
  color: #212529;
  color: #6c757d;
}

.accordion-button:not(.collapsed) {
  color: #6c757d;
  background-color: #fff;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

.accordion-button::after {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  margin-left: auto;
  content: "";
  background-image: url("/fileadmin/Mentoring/template/images/accplus.png");
  background-position: right;
  background-size: 32px 32px;
  transition: transform .2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("/fileadmin/Mentoring/template/images/accmin.png");
  background-position: right;
}
.accordion-button:focus {
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
  box-shadow: none;
}


/* Unternehmen */
#s48 {
  background-size: 50%;;
  background-position: 150% 150%;
  padding-bottom: 0px !important;
}
#s48 hr.ce-div{border-top: 20px solid #f6863c; opacity: 1.0; margin: 1rem 0 0 0;}

.header-41{ margin-bottom: 1.25rem;}

#page-3 .accordion-button::after {
  background-image: url("/fileadmin/Mentoring/template/images/accpluso.png");
}

#page-3 .accordion-button:not(.collapsed)::after {
  background-image: url("/fileadmin/Mentoring/template/images/accmino.png");
}

#c53.ce-text.layout-2{
  padding: 1rem 1rem 1rem 1rem;
  background-color: #f6863c;
  color: #fff;
  background-image:url(/fileadmin/Mentoring/template/images/anf-o.png);
  background-position: 90% 10%;
  background-repeat: no-repeat;
}
#c53.ce-text.layout-2 h2{
  margin: 2rem 0;
  color: rgba(255,255,255,.5);
}


/* Mentees */
#s55 {
  background-size: 50%;;
  background-position: 150% 150%;
  padding-bottom: 0px !important;
}
#s55 hr.ce-div{border-top: 20px solid #0089ab; opacity: 1.0;margin: 1rem 0 0 0;}

.header-63{ margin-bottom: 1.25rem;}

#c61.ce-text.layout-2{
  padding: 1rem 1rem 1rem 1rem;
  background-color: #0089ab;
  color: #fff;
  background-image:url(/fileadmin/Mentoring/template/images/anf-b.png);
  background-position: 90% 10%;
  background-repeat: no-repeat;
}
#c61.ce-text.layout-2 h2{
  margin: 2rem 0;
  color: rgba(255,255,255,.5);
}

/* Mentoren */
#s74 {
  background-size: 50%;;
  background-position: 150% 150%;
  padding-bottom: 0px !important;
}
#s74 hr.ce-div{border-top: 20px solid #f6863c; opacity: 1.0;margin: 1rem 0 0 0;}

.header-82{ margin-bottom: 1.25rem;}

#c80.ce-text.layout-2{
  padding: 1rem 1rem 1rem 1rem;
  background-color: #918f90;
  color: #fff;
  background-image:url(/fileadmin/Mentoring/template/images/anf-g.png);
  background-position: 90% 10%;
  background-repeat: no-repeat;
}
#c80.ce-text.layout-2 h2{
  margin: 2rem 0;
  color: rgba(255,255,255,.5);
}

/* Vernetzt */
#s89 {
  background-size: 50%;;
  background-position: 150% 150%;
  padding-bottom: 0px !important;
}
#s89 hr.ce-div{border-top: 20px solid #f6863c; opacity: 1.0;margin: 1rem 0 0 0;}

.header-82{ margin-bottom: 1.25rem;}

#c95.ce-text.layout-2{
  padding: 1rem 1rem 1rem 1rem;
  background-color: #e7e7e7;
}

/* Downloads */
#s329 {
  background-size: 50%;;
  background-position: 150% 0%;;
}

/* Ablauf */
/* Card flipper */

#page-6 .card-body {
  padding: 0px;
}
#page-6 .card-flipper .card-footer,
#page-6 .cardflipper .card-footer {display: none;}

#page-6 .card-flipper p{ font-size: 16px; padding: 16px;line-height: 16px;}
#page-6 .card-flipper li{ font-size: 16px;}
#page-6 .card-flipper ul { margin-top: -24px;}

#page-6 .image-flip .mainflip { margin-bottom: 1rem;}


#page-6 .card-flipper .backside .card, #page-6 .card-flipper .frontside .card { min-height: auto;}

#page-6 .image-flip .backside, #page-6 .image-flip .card, #page-6 .image-flip .frontside, #page-6 .image-flip .mainflip { 
  height: 226px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px){
#page-6 .image-flip .backside, #page-6 .image-flip .card, #page-6 .image-flip .frontside, #page-6 .image-flip .mainflip { height: 185px; width: auto;}
}
@media (min-width: 768px){
#page-6 .image-flip .backside, #page-6 .image-flip .card, #page-6 .image-flip .frontside, #page-6 .image-flip .mainflip { height: 252px;}  
#page-6 #c121 .image-flip .backside, #page-6 #c121 .image-flip .card, #page-6 #c121 .image-flip .frontside, #page-6 #c121 .image-flip .mainflip { height: 162px;}
}
@media (min-width: 992px){
#page-6 .image-flip .backside, #page-6 .image-flip .card, #page-6 .image-flip .frontside, #page-6 .image-flip .mainflip { height: 342px;}
#page-6 #c121 .image-flip .backside, #page-6 #c121 .image-flip .card, #page-6 #c121 .image-flip .frontside, #page-6 #c121 .image-flip .mainflip { height: 222px;}
#page-6 .card-flipper p{ line-height: 24px;}
}
@media (min-width: 1200px){
#page-6 .image-flip .backside, #page-6 .image-flip .card, #page-6 .image-flip .frontside, #page-6 .image-flip .mainflip { height: 410px;}
#page-6 #c121 .image-flip .backside, #page-6 #c121 .image-flip .card, #page-6 #c121 .image-flip .frontside, #page-6 #c121 .image-flip .mainflip { height: 267px;}
#page-6 .card-flipper p{ font-size: 24px;}  
#page-6 .card-flipper li{ font-size: 24px;}  
}
@media (min-width: 1400px){
#page-6 .image-flip .backside, #page-6 .image-flip .card, #page-6 .image-flip .frontside, #page-6 .image-flip .mainflip { height: 476px;}
#page-6 #c121 .image-flip .backside, #page-6 #c121 .image-flip .card, #page-6 #c121 .image-flip .frontside, #page-6 #c121 .image-flip .mainflip { height: 311px;}
}


/* Portraits */
#page-31 #c438 div#swiper-438 .swiper-wrapper .swiper-slide.swiper-slide .card .card-body h4.card-title a{background:#0080a5;color:#fff;border: 0px solid cyan;padding: 0.5rem 1rem;text-decoration: none;}
#page-31 #c438 div#swiper-438 .swiper-wrapper .swiper-slide.swiper-slide .card .card-body{ padding:0;}
#page-31 #c438 div#swiper-438 .swiper-wrapper .swiper-slide.swiper-slide .card { border: 0px solid red; padding:0;}

.ce-menu_sitemap_pages ul.list-unstyled.tree li a{ }
.ce-menu_sitemap_pages ul.list-unstyled.tree{width: 100%; border: 0px solid cyan; height: 5rem; }
.ce-menu_sitemap_pages ul.list-unstyled.tree li a{ padding: 0rem 2rem; text-decoration: none; color: #0080a5;}
.ce-menu_sitemap_pages ul.list-unstyled.tree li{ border-left: 1px solid #0080a5; padding: 0.25rem; display:block; float: left; }
.ce-menu_sitemap_pages ul.list-unstyled.tree li:first-child {border-left: 0px;}


/********************** Footer ***********************************************************************************************/
/* Zeile 1 */
 #c34, #c34 a{
  color: #fff;
  text-decoration: none;
}
#c36 img.img-fluid {
  max-width: 66%;
  height: auto;
}
#s35 {
  background-size: 50%;;
  background-position: -50% 0%;;
}
#c39 h3, #c39 legend,
#c39 .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_telefon label{display: none;}
.tx-powermail div.container-fluid{
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}
.tx-powermail div.container-fluid .btn,
.tx-powermail div.container-fluid input{
border-radius: 0;
  margin-bottom: 0.5rem;
}

.tx-powermail div.container-fluid .btn{
  background-color: #f6863c;
  border-color: #f6863c;
  width: 100%;
  text-align: left;
}




/* Zeile 2 */
 #c29, #c29 a{
  color: #6c757d;
  text-decoration: none;
}
#c30 img.img-fluid {
  max-width: 90%;
}
#c33 a.el{color:#f6863c; font-size: 1.5rem;font-weight: 600;}


/* Zeile 3 */
#c28, #c28 a{
  color: #fff;
  text-decoration: none;
}



footer{font-size: 18px;}
footer h4{font-size: 20px;}

@media (min-width: 576px){
}
@media (min-width: 768px){
  footer{font-size: 14px;}
footer h4{font-size: 14px;}
}
@media (min-width: 992px){
 footer{font-size: 18px;}
 footer h4{font-size: 20px;}
}
@media (min-width: 1200px){
 footer{font-size: 20px;}
 footer h4{font-size: 22px;}
}

/* Cookie */
a.cc-btn{color:#fff;}



/* Container start
  @media (min-width: 1400px)
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1320px;
}
  @media (min-width: 1200px)
.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1140px;
}
  @media (min-width: 992px)
.container, .container-lg, .container-md, .container-sm {
  max-width: 960px;
}
  @media (min-width: 768px)
.container, .container-md, .container-sm {
  max-width: 720px;
}
  @media (min-width: 576px)
.container, .container-sm {
  max-width: 540px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x,.75rem);
  padding-left: var(--bs-gutter-x,.75rem);
  margin-right: auto;
  margin-left: auto;
}
/* Container end */