/* Farben */
:root {
  --bg-gruen: #b8daa1;
  --bg-dark: #34020E;
  --bg-curry: #c6a21f;
  --bg-dcurry: #714b3d;
  --bg-wwbraun: #714b3d;
  --hover: #CC0000;
  --bg-sand: #f9edc6;
}

/* Grundstil */
body {
background: url("../img/hintergrund.jpg");
background-repeat: repeat-y;
background-color:#decc82:
background-attachment: fixed;
background-size: auto;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.76em;
line-height: 1.05rem;
color: #222;
font-weight:500;
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  line-height: 110%;
  color: #34020E;
}

h1 {
  font-family: "Comic Sans Bold", Verdana, sans-serif;
  font-size: 2.1em;
}

h2 {
  font-size: 1.2em;
  margin-bottom: 0.7em;
  font-weight: normal;
}

h4 {
  font-size: 1.3em;
  margin: 18px 0 8px 0;
  font-weight: bold;
}

h4 .kleiner {
  font-size: 0.8em;
  font-weight: normal;
}
h4.weniger  { margin: 10px 0 8px 0; }

.h4-termine {
  margin-top: 12px;
  width: auto;
  float: left;
  font-weight: bold;
}

.terminerechts-m0 {
  position: relative;
  margin-top: 4px;
  float: right;
  font-size: 12px;
  font-weight: normal;
}


/* Links */
a {
  color: #703D2E;
  text-transform: inherit;
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover {
  color: var(--hover);
}

.komischfett {
    font-family: "Comic Sans MS", Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.04rem;
}


/* *******************************************************
DIVs
******************************************************** */


.container {
  max-width: 1140px;
}

#main {
  margin-top: 7px;
}
.offset-lg-1, .offset-lg-2 { margin-left: 0.33333333%; }
.c50l figure, .c50r figure { margin-right: 20px; }
body.article-17 .c50r figure { margin-right: 0px; }



#kopf.seminare.mt-2 { margin-top: -0.5rem !important; }
#kopf.touren.mt-2 { margin-top: .5rem !important; }
#kopf.familie.mt-2 { margin-top: 0.3rem !important; }
#kopf.infos.mt-2 { margin-top: 0.3rem !important; }

.youtube-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius:5px;
}


/*--------------------------------- Youtube -----------------------------------*/

.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    display: block;
    margin:0;
    cursor:pointer;
}
  .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius:5px;
  }
  
.video-container figure { margin:0 0 0rem; }
.video-container iframe { max-width: 100%; }

img.videoposter { display: block;width:100%; height:auto; }
img.videoposter-hover { position: absolute;top: 0;left: 0;opacity: 0;transition: opacity 0.3s ease; }
.video-container:hover .videoposter-hover { opacity: 1; }

/* *******************************************************
Klassen
******************************************************** */

/* Zentrierung */
.center, .centered {
  text-align: center;
}

.vertical-center {
  vertical-align: middle !important;
}



/* *******************************************************
ABBILDUNGEN
******************************************************** */


/* Bildbreiten */
.basic img,
.c50l img, .c50r img,
.langfassungbreiter img  { max-width: 100%; border-radius:5px; }

div.bild { margin:17px auto 17px auto; height:auto; }
.langfassungbreiter .bild { width:380px; margin: 17px auto; height:auto;}
body.ausbildung .langfassungbreiter div.bild { width:420px; margin: 17px auto; height:auto; padding-right:20px; }
body.article-119 figure { width:100%; margin-bottom:10px; }
.langfassungbreiter div.bild img { display:block; margin:0 auto; }
div.logoblock { margin-top:-7px; }
figure { margin-bottom:4px; }
body.article-209 figure { margin-bottom:10px; }
body.article-209 h4, body.article-178 h4, body.article-53 h4 { margin-bottom:15px; text-align:center; }
body.article-209 h4.left { margin-top: 12px;margin-bottom:8px;text-align:left;} 
.c50l figure { padding-top:10px; }
.c50r figure { padding-top:4px }
img.maxwidth { margin-top:25px; }
#text2 { margin-bottom:1.0em; }
body.article-39 img.maxwidth { margin-top: 10px; }
.w-510 { display:block; max-width:510px; margin:0 auto; padding-left:30px; }
.w-20 { width:20%!important; }
.w-40 { width:40%!important; }
img.kopf25j { max-width:160px; margin-top:6px; }
div.navi25j { max-width:200px; padding-left:0.5rem; text-align:left; }
div.navi25j p { margin-top:5px; }


.langfassungbreiter .bild:last-of-type { padding-top:5px; }
.langfassungbreiter .bild p.bu, .langfassungbreiter .bild p.langbildbu { display:block; margin: auto; width:380px; height:auto; }
body.article-225 .gleichhoch { display:flex;flex-wrap: wrap; }
body.article-225 #inhalt .col-lg-6.c50l { width:60%;}
body.article-225 .gleichhoch .col-lg-6.c50l p { padding-right:15px !important;}
body.article-225 #inhalt .c50l .yform { margin-right:20px; }
body.article-225 #inhalt .c50r { width:40%;
background: url("../img/wasserfall.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
border-radius:5px;
 }

#terminkalender table td.langbild {
background: url('../img/terminkalender.jpg');
background-size: 100% 100%; 
background-repeat: no-repeat;
border-radius:5px;
width:180px !important;
  }
  


  
/* Ausnahmen */
body.article-126 .c50l figure { padding-top:0px; }
body.article-249 .c50l figure,
body.article-250 .c50l figure { padding-top:4px; }

/* hochformatige */

body.article-6 .c50l img,
body.article-30 .c50l img,
body.article-39 .c50l img,
body.article-40 .c50l img,
body.article-41 .c50l img,
body.article-124 .c50l img,
body.article-69 .c50l img,
body.article-64 .c50l img,
body.article-67 .c50l img,
body.article-229 .c50l img,
body.article-66 .c50l img,
body.article-68 .c50l img,
body.article-110 .c50l img,
body.article-19 .c50r img,
body.article-191 .c50l img,
body.article-253 .c50l img { height:276px; max-height:276px; width:auto; }

/* linke spalte bild oben */
body.article-19 .c50l img,
body.article-126 .c50l img { margin-top:4px; }

/* datenschutz + impressum */
body.article-223 .c50l.col-md-6 {  width: 60%; }
body.article-223 .c50r.col-md-6 {  width: 40%; }
body.article-223 .c50r img { height:280px;max-height:308px; width:auto;}
body.article-19 .c50r img { margin-top:15px; height:240px;max-height:308px; width:auto; }


img.logo { float:left; margin-top:4px;width:97px;height:auto;margin-right:6px;border-radius:0px; }
body.article-17 img.logo,
body.article-19 img.logo { margin-top:7px;}


/* *******************************************************
KOPF
******************************************************** */

#kopf {
  display: block;
  position: relative;
}

#kopf img { margin-right: 30px; }
#kopf.jugend img { margin-right: 10px; }

#kopf h1,
#kopf h3 {
  font-family: "Comic Sans Bold", Verdana, sans-serif;
  line-height: 110%;
  color: #34020E;
  letter-spacing: 0px;
}

#kopf h1 {
  font-size: 2.2em;
}

#kopf h3 {
  font-size: 1.0em;
}

#kopf.ausbildung img, body.article-220 #kopf img  { margin-right:30px; }
body.article-108 #kopf.ausbildung img,
body.article-205 #kopf.ausbildung img,
body.article-163 #kopf.ausbildung img,
body.article-237 #kopf.ausbildung img  { margin-right:15px; }

#kopf #page-title { text-align:left; }
#kopf.ausbildung #page-title { display:block; margin:0 auto; text-align:center; padding-top:10px; padding-right:5rem; }
#kopf.ausbildung #page-title h1 { font-size: 1.9em;  }
#kopf.seminare #page-title h1 { margin-top:24px; }
#kopf.jugend #page-title h1 { margin-top:18px; font-size:2.1em; }
#kopf.familie #page-title h1,
#kopf.schulen #page-title h1,
#kopf.firmen #page-title h1 { margin-top:25px; }
body#article-159 #page-title h1 { margin-top:10px; }

#kopf .mehr { position:absolute; right:25px; bottom:15px; }
#kopf.seminare .mehr { bottom:16px; }
#kopf.schulen .mehr { bottom:13px; }
#kopf.jugend .mehr { bottom:10px; }

body.article-9 #kopf,
body.article-260 #kopf { padding-left:125px; }
body.article-16 #kopf h1 { max-width:400px; }

/* *******************************************************
HOME
******************************************************** */




.home.titel { margin:22px 0 20px 28px; }
.home.titel h1 { font-size:4em;margin:0px 0 16px 0px;line-height:1em; }
.home.titel h2 { font-family: "Comic Sans Bold", Verdana, sans-serif; font-size:1.8em;margin:0px 0 30px 0px;line-height:1em;}
.home.titel .unterschnitten { font-size:1em; letter-spacing:-6px; }
.home.bilder .col-md-5 { display:block;width: 45%;text-align:right;padding-right:0px; }
.home.bilder .col-md-7 { width: 55%;text-align:left; }
.home.bilder .col-md-12 { font-size: 1.1em;line-height: 1.5em;margin:20px; padding: 0 7%; }




/* *******************************************************
INHALT
******************************************************** */

.back-to-top:hover { background: #B1A679; }

#inhalt p { margin-bottom: 8px; }
#inhalt ul { list-style-type: none;margin:2px 0 0 0;padding: 0;margin-bottom:6px; }
#inhalt ul li { background: transparent url(../img/bull.gif) 0px 6px no-repeat;
padding-left: 10px;margin-left: 0px;margin-bottom: 1px; }
p.list {font-weight: normal;line-height: 140%;margin: 10px 0 20px 40px;}
p.letztelinks { text-align:center;margin-top:15px; }
#inhalt p.bu, #inhalt p.langbildbu { font-size: 0.9em;line-height: 116%;text-align:left; margin-top:6px;margin-bottom:16px; }
#inhalt .mb p.bu { margin-bottom:4px; }
#inhalt p.bumittig { font-size: 0.9em;line-height: 116%;text-align:center; margin-top:6px;margin-bottom:16px; }
body.article-87 p.letztelinks,
body.article-218 p.letztelinks,
body.article-156 p.letztelinks,
body.article-263 p.letztelinks,
body.article-266 p.letztelinks,
body.article-267 p.letztelinks {margin-top:5px; }

/* fußzeile */
#infozeile, #infozeilelang, #infozeilelang2 {
display: block;
width: 100%;
padding: 2px;
margin-top: 2em;
background: #B1A679;
font-size: 0.9em;
text-align: center;
}
#infozeile a, #infozeilelang a, #infozeilelang2 a { margin: 0 8px; }
.basic #infozeile, .basic #infozeilelang, .basic #infozeilelang2 { margin-top: 1.0em; }

/* partnerlogos */
div.logos { display:inline-block; margin-bottom:20px; }
.langfassungbreiter .partner {
    float: left;
    width: 50%;
    margin: 8px 0;
    padding: 10px;
    height: 80px;
    text-align: center;
}
.langfassungbreiter .partner img {
height: 50px;
width: auto;
max-width:150px;
padding:4px;
margin:0 auto;
display:block;
}
.langfassungbreiter .partner a { clear:left; }

/* medienberichte */
.mb { display:inline-block;width:100%;margin-top:5px; margin-bottom:5px; }
.mb.short3 { margin-top:0px;  }
#inhalt p.bgruen { margin-bottom: 18px; background: #BBBF82;border: 1px solid #703D2E;
padding: 0.3em 0.6em; }
.infoblock.bgruen { background: #BBBF82; border: 1px solid #703D2E;padding: 1em 1em 0.5em 1em;margin-bottom: 18px; }
a.portfolio-lightbox img, .mb img { width:75px !important; height:106px !important; }
.mb img { margin: 4px 10px 4px 0; border: 0px solid #999; float:left; }
.mb .quer img { margin: 2px 10px 8px 0; width:150px; height:85px; }
.mb .flex-row img{ display:block; min-width:75px; }
.mb.video { position:relative; }
.mb.video img{ display:block; min-width:140px !important; height:80px !important; }
.mb.video p.bu { text-align:center !important; padding-right:10px; }

/* *******************************************************
TABELLEN
******************************************************** */

table { width: 100%; }
table tr > td { vertical-align:top; padding:4px; }
table tr > td.centered { vertical-align:middle;padding-top:10px; }
table tr > td.auswahl.haken { padding-top:6px; }
table tr > td img, table ul { margin-top:4px; }
table.wwtable { margin: 1.3em 0 1.2em 0; background: #BBBF82;  }
table.kurztab tr > td:first-child { width:3.5rem; }
body.ausbildung table.wwtable { margin: 1.2em 0 1.2em 0; background: #BBBF82; }

table.legende { margin: 1.0em 0 0em 0;background: #BBBF82;border: 1px solid #703D2E; }
table.legende.besser { margin: 1.0em 0 1.0em 0; }
table.checkliste { border: none;background: transparent; margin-bottom:1.0em; }
table.legende td { padding:6px; }
table.checkliste td { padding:2px 8px 2px 0; }
#inhalt table.checkliste td p {margin-bottom:0 !important; }
table.checkliste tr > td img, table.checkliste ul { margin-top:0px; }
table.checkliste td.auswahl,
table.checkliste td.nichtauswahl { width:25px; height:22px;padding:0px; }
table.checkliste img  { width:20px;height:20px; border-radius:0px; }
table.legende td.auswahl,
table.legende td.nichtauswahl { width:34px; height:34px;padding:6px; }
table.legende img  { width:27px;height:27px; border-radius:0px; }

table.checkliste td.mat { font-weight:bold; width:100px; }

table.wwtable td { border:1px solid #703D2E; padding: 0.3em 0.6em; }
table.wwtable.abstand td { padding: 0.6em 1em; }
#infoblock table { border:1px solid #703D2E; }
#infoblock table ul  { margin-bottom:6px; }
#infoblock table ul li { margin-bottom:0; }
#infoblock table.wwtable td { border:none; padding: 1.0em 0.2em 1.0em 1.0em; font-size: 1em;
line-height: 1.05rem; } 
table.normal {width: 90%;border: none;margin: 14px 0 14px 30px;background: transparent;} 
table.normal td { padding: 0 10px 0px 0; }

table#ueberuns td:first-of-type, table#ueberuns td img, table#ueberuns td p.bu { width:180px; }
table#ueberuns tr > td.mini { height: 7px; font-size:5px;line-height:5px; }

#terminkalender table td.monat { vertical-align: middle; padding: 6px 0 6px 20px;font-weight: bold;font-size: 1.4em; }
#terminkalender table td.vorzeile { padding: 0 0 6px 20px; }
#terminkalender table td.nachzeile { padding: 6px 0 0 20px; }
#terminkalender table td.termine { min-width:110px; }
#terminkalender table td.touren { min-width:220px; }
#terminkalender table td p { margin: 0px 0;padding: 0;}


table.langtab tr > td { padding:4px; }
table.kurztab { margin-top:0.8rem; }
table.kurztab tr > td { padding:0 2px; }
table.kurztab tr > td:first-child { padding:0 2px 0 0; }






/* *******************************************************
FORMULARE
******************************************************** */

.form-control {
  padding: 0.15rem 0.3rem;
  font-size: 0.8rem;
  line-height: inherit;
  margin-bottom: 5px;
}

.btn,
.btn-sm {
  background-color: #B1A679;
  color: #FFF;
  border-color: #B1A679;
  padding-top: 0.15rem !important;
}

.btn:hover,
.btn-sm:hover {
  background-color: #703D2E !important;
  border-color: #703D2E;
}

.radio > label > input, .checkbox > label > input {
  background-color: #703D2E;
  border: 2px solid #703D2E;
  accent-color: #703D2E;
  }

.form-section { display:inline-block;clear:both; }
button.btn { margin-top:15px; }
label { margin-top:4px;margin-bottom:4px;font-size:0.8rem; }
.btn-sm {display:block; margin:0 auto; }

form#wwform { margin-bottom:20px; }
.checkbox label { margin-left: 19px; } .checkbox label input { margin-left: -19px; margin-right:6px; }
.radio label { margin-left: 19px; } .radio label input { margin-left: -19px; margin-right:6px; }
#yform-wwform-vorname,
#yform-wwform-nachname,
#yform-wwform-zeitraum,
#yform-wwform-preis { width:49%; float:left; }
#yform-wwform-plz { width:28%; float:left; }
#yform-wwform-ort { width:70%; float:left; }
#yform-wwform-vorname,
#yform-wwform-plz,
#yform-wwform-zeitraum { margin-right:2%; }
#yform-wwform-mitteilung {margin-top:10px; }
#yform-wwform-mitteilung textarea { height: 80px;resize: vertical;}
#yform-wwform-anzahl {position:relative; width:13%; margin:0 8px; }
#yform-wwform-anzahl input { position:absolute;
text-align: center !important;
top:-8px; 
  }

#wwform span.weitersatz { display: inline-block;margin-bottom: 10px;margin-top: -4px; }

/* h4 Korrekturen */

body.article-225 .form-section:nth-of-type(4) > h4 { margin:8px 0 8px 0; }

body.article-223 #text1 p:last-of-type { margin-bottom:0; }
body.article-19 #text1 p:last-of-type { margin-bottom:12px; }
.langfassungbreiter #inhalt .mb.short1 img,
.langfassungbreiter #inhalt .mb.short3 img { margin-bottom:18px }
.langfassungbreiter #inhalt .mb.short2 img { margin-bottom:35px }
body.article-209 .BildLFhoch { width:235px; max-width:235px; height:auto; max-height:auto; }





/* *******************************************************
Ergänzungen Okt 25
******************************************************** */

#inhalt .checklist-box {
    width: 100%;
    margin: 1.7em 0;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    background-color: rgba(187, 191, 130, 1);
    border: 1px solid rgba(105, 57, 43, 1);
    text-align: left;
    border-radius: 5px;
}

#inhalt .checklist-box h4 {
    margin-top: 0.6rem;
}

#inhalt .checklist-box ul.checklist {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0 0; 
    font-size: 16px;
    text-align: left;
}

#inhalt .checklist-box ul.checklist li {
    position: relative;
    background:none;
    padding: 2px 10px 2px 20px; /* Platz für das Icon */
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 0.76em;
    line-height: 16px;
    font-weight: normal;
    color: #222;
}

#inhalt .checklist-box ul.checklist li .check-item {
    position: absolute;
    left: 0;
    top: -2px;
    padding: 1em 0.8em;
    background: transparent url('../img/checkme3.svg') center left no-repeat;
    background-size: 70%;
}

@media only screen and (min-width: 1200px) {
    #inhalt .checklist-box {
        width: 86.6%;
        margin: 17px 18.4% 17px 5%;
    }
}



/* *******************************************************
Ergänzungen Nov 25 - Teaser teaser-r Rubrik
******************************************************** */

section, .section {
  color: #222;;
  background-color: transparent !important;
  padding: 0px 0;
  scroll-margin-top: 0px;
  overflow: auto;
}
.card.bg-sand { border-radius: 5px; }
.bg-sand { background: var(--bg-sand); }
.bg-sand img { border-bottom-left-radius:0;border-bottom-right-radius:0; }
.bg-sand .authorcopy { display:none; }
.bg-sand .card-body { padding: 0.7rem 1rem; }
.bg-sand h5.card-title { font-family: "Comic Sans Bold", Verdana, sans-serif; }

.bg-sand.teaser-r  h5.card-title { padding: 0.5rem 0.4rem 0.2rem 0.4rem;}
.bg-sand.teaser-rk  h5.card-title { padding: 0.4rem 0.1rem 0.1rem 0.1rem; }
.bg-sand.teaser-r img { border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0;}
.bg-sand.teaser-rk img, .bg-sand.teaser-rk figure { border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:0;border-top-right-radius:0; margin-bottom:0; }



/* *******************************************************
Ergänzungen Nov 25 - anderes
******************************************************** */

.text-center h2, .swiper-container h2 { font-family: "Comic Sans Bold", Verdana, sans-serif; font-size:1.8em; }
.slogans h3  { font-family: "Comic Sans Bold", Verdana, sans-serif; font-size:1.5em; }
@media only screen and (min-width: 100px) and (max-width: 767px) {
.slogans h3 br {
        display: none;
    }
}
section.teaser h2 { margin-bottom: 1em;}
section#bereicheklein .row { margin-right:-0.25rem;margin-left:-0.25rem; }
section#bereicheklein .col-md-3 { padding-right:0.25rem;padding-left:0.25rem; }


/* *******************************************************
Mobile Ansicht klein
******************************************************** */

@media only screen and (max-width: 767px) {
.offset-lg-1 #inhalt { margin: 10px 3% 0px 3%; }
.offset-lg-2 #inhalt { margin: 10px 3% 0px 3%; }
body.ausbildung .offset-lg-2 #inhalt,
body.seminare .offset-lg-1 #inhalt,
body.article-1 .offset-lg-1 #inhalt,
body.ausbildung .offset-lg-2 #inhalt,
body.home .offset-lg-1 #inhalt { margin: 10px 3% 0 3%; }

.custom-flex-reverse {display: flex;flex-direction: column;}
.order-2 {order: 2;}
.order-3 {order: 3;}
.sm-order-1 {order: 1;}
.sm-order-2 {order: 2;}

.c50l figure { margin-right: 0px; padding-top:5px;}
.c50r figure { margin-right: 0px; padding-top:10px;}
.c50l img { width:100%; height:auto; margin-top:4px; }
.c50l #bild1 { margin-top:12px; }
.c50r img { width:100%; height:auto; margin-top:4px; }


/* hochformatige */

body.article-6 .c50l img,
body.article-30 .c50l img,
body.article-39 .c50l img,
body.article-40 .c50l img,
body.article-41 .c50l img,
body.article-124 .c50l img,
body.article-69 .c50l img,
body.article-64 .c50l img,
body.article-67 .c50l img,
body.article-229 .c50l img,
body.article-66 .c50l img,
body.article-68 .c50l img,
body.article-110 .c50l img,
body.article-19 .c50r img,
body.article-191 .c50l img,
body.article-253 .c50l img { height:330px; max-height:330px; width:auto; }

body.infos #bild2, body.schulen #bild2, body.article-86 #bild2  { margin-top:0;}
body.infos #bild2 figure, body.schulen #bild2 figure { padding-top:8px;}
body.article-159 #bild2 figure { padding-top:15px;}

body.article-249 .c50l img,
body.article-250 .c50l img,
body.article-270 .c50l img { max-height: none; }

body.article-225 #inhalt .c50r {background: none;}
#terminkalender table td.langbild {background: none;}

.c50r #bild2 { margin-top:8px; }
.c50l #text3 { display:none; }
.c50l { margin-bottom:0; } 
#text2 { margin-top:5px; margin-bottom:0em; }
#infozeile, #infozeilelang, #infozeilelang2 {margin-top: 1.5em;}
#inhalt p.bu  { margin-bottom:10px; } 
#main { margin-top: 30px; }
h4 { text-align:left; margin-top:15px; }
.langfassungbreiter .bild { width:100%; margin: 13px auto; height:auto;}
.langfassungbreiter .bild img { width:100%;height:auto;}
body.ausbildung .langfassungbreiter div.bild { width:100%; margin: 13px auto; height:auto; padding-right:0px; }


table#ueberuns td:first-of-type, table#ueberuns td img, table#ueberuns td p.bu { width:100px; }
table#ueberuns td a { hyphens: auto;}
table.wwtable { width:100%; }
table.normal { margin: 14px 0 14px 30px; }
#terminkalender table td.langbild { background:none; }
#terminkalender table td.monat { padding: 6px 0 6px 0px; }
#terminkalender table td.vorzeile,
#terminkalender table td.nachzeile { padding-left:0px; }
body.article-225 #inhalt .c50l .yform { margin-right:0px; }

.home.titel { margin:32px 0 20px 0;  }
.home.titel h1 { font-size:2.5em;margin:0 0 16px 0px;line-height:1.1em; font-family: "Comic Sans Bold", Verdana, sans-serif;} 
.home.titel h2 { font-size:1.7em;line-height:1em; padding:0 30px;font-family: "Comic Sans Bold", Verdana, sans-serif; }    
.home.titel .unterschnitten { font-size:1em; letter-spacing:-4px; }
.home.bilder .col-md-5 { display:none; }
.home.bilder .col-md-7 { text-align:center; width:100% !important; }
.home.bilder .col-md-12 { font-size: 1.0em;line-height: 1.5em;margin:20px 0; padding: 0 6%; }
#kopf { padding-bottom:15px; }
#kopf h1 {font-size: 2.0em;}
#kopf.ausbildung, #kopf.infos { padding-bottom:0px; }

#kopf img { margin-right:20px; }
#kopf.jugend img, #kopf.schulen img { margin-right:10px; }
#kopf.ausbildung img, body.article-220 #kopf img  { margin-right:10px; }
body.article-108 #kopf.ausbildung img,
body.article-205 #kopf.ausbildung img,
body.article-163 #kopf.ausbildung img,
body.article-237 #kopf.ausbildung img  { margin-right:10px; }
#kopf.ausbildung #page-title {padding-right:35px; }
body.article-9 #kopf,
body.article-260 #kopf { padding-left:0px; }
#kopf .mehr { position:absolute; right:0px; bottom:0px; }
#kopf.seminare .mehr { bottom:0px; }
#kopf.schulen .mehr { bottom:0px; }
#kopf.jugend .mehr { bottom:0px; }

div.logoblock { margin-top:-7px; }
img.logo { float:left; margin-top:7px;width:96px;height:auto;margin-right:6px;border-radius:0px; }

.zweibildkombi { margin:15px 0px; padding-right:0px;padding-left:0px; }
.zweibildkombi figure { padding:0px; width:47%; overflow:hidden; }
.zweibildkombi figure img { max-height:22em; width:auto; }
body.article-172 .zweibildkombi figure img { height:100%; width:auto; }

body.article-209 figure img { max-height:365px; width:auto; }
body.article-209 .zweibildkombi figure { padding:0px; width:auto; overflow:none; }
body.article-209 .zweibildkombi figure:first-of-type { padding-right:8px; }
body.article-209 .zweibildkombi figure:last-of-type { padding-left:8px; }


body.article-223 .c50l.col-md-6 {  width: 100%; }
body.article-223 .c50r.col-md-6 {  display:none; }
body.article-223 #kopf, 
body.article-17 #kopf, 
body.article-260 #kopf, 
body.article-9 #kopf, 
body.article-225 #kopf, 
body.article-126 #kopf, 
body.article-19 #kopf { padding-bottom:0px; }
body.article-19 .c50r img { margin-top:0px; margin-bottom:15px; height:240px;max-height:308px; width:auto; }
body.article-19 .c50r figure { padding-top: 0px; }
body.article-17 .c50r figure.mt-3 { padding-top: 5px; }
body.article-126 #kopf img { margin-right:0; }

body.article-99 .mb.special img { margin-bottom:18px; }

.mb.short1, .mb.short2 { margin-bottom:4px; }
.mb.short3  { margin-bottom:0px; }

}


/* *******************************************************
Mobile Ansicht Tablets
******************************************************** */

@media only screen and (max-width: 440px) {
#kopf.ausbildung #page-title h1 { hyphens: auto; }
}

@media only screen and (min-width: 768px) {

.offset-lg-2 {
  margin-left: 3%; margin-bottom:30px;
  padding-right: 5.4em;
  padding-left: 2.5em;
}
  
.offset-lg-1 #inhalt { margin: 10px 10% 0px 10%; }
.home.titel { margin: 0px 0 10px 0px; }
.home.titel h1 { font-size:4em;margin:0px 0 16px 0px;line-height:1em; }
.home.titel h2 { font-family: "Comic Sans Bold", Verdana, sans-serif; font-size:1.8em;margin:0px 0 20px 0px;line-height:1em; }
.home.titel .unterschnitten { font-size:1em; letter-spacing:-6px; }
.home.bilder .col-md-5 { display:block;width: 45%;text-align:right;padding-right:0px; }
.home.bilder .col-md-7 { width: 55%;text-align:left; }
.home.bilder .col-md-12 { font-size: 1.1em;line-height: 1.5em;margin:20px; padding: 0 7%; }

#kopf img { margin-right: 50px; }
body.article-16 #kopf.schulen .mehr { bottom:-10px; }
.langfassungbreiter .bild img { width:500px;height:auto;}
.langfassungbreiter .bild { width:85%; margin: 17px auto; height:auto;}
body.ausbildung .langfassungbreiter div.bild { width:85%; margin: 17px auto; height:auto; padding-right:20px; }
#kopf img { margin-right: 50px; }

.zweibildkombi { margin:5px 0px 3px 0px; padding-right:25px;padding-left:15px; }
.zweibildkombi figure { padding:10px; width:50%; overflow:hidden; }
.zweibildkombi figure img { max-height:26em; width:auto; }
.zweibildkombi.schmalbilder figure { padding:0px; width:auto; }
.zweibildkombi.schmalbilder figure img { margin:0 auto; }
body.article-172 .zweibildkombi figure img { width:100%; height:auto; }

body.article-209 figure img { max-height:442px; width:auto; }
body.article-209 figure.bildfix { display:block; width:140%; margin-left:-20%; }
body.article-209 figure.bildfix img { width: 100%; height: auto; }
body.article-209 .zweibildkombi { margin:25px 0px; padding-right:35px;padding-left:25px; }
body.article-209 .zweibildkombi figure { padding:0px; width:auto; overflow:none; }
body.article-209 .zweibildkombi figure:first-of-type { padding-right:8px; }
body.article-209 .zweibildkombi figure:last-of-type { padding-left:8px; }

body.article-225 #infozeile,
body.article-126 #infozeile,
body.article-9 #infozeile,
body.article-260 #infozeile { margin-top: 2em; }
body.article-267 .langfassungbreiter #inhalt .mb.short2 img { margin-bottom:15px }
body.article-209 .BildLFhoch { width:295px; max-width:295px; height:auto; max-height:auto; }

div.oberschrift { margin:0 35px 0 76px;}
img.kopf25j { max-width:220px; padding-left:0rem; margin-left:4.0rem;margin-top:0;}

}

@media only screen and (max-width: 412px) {
body.article-209 .BildLFhoch { width:235px; max-width:235px; height:auto; max-height:auto; }
body.article-209 .BildLFhochbreiter { width:265px; max-width:265px; height:auto; max-height:auto; }
.mt-3 { margin-top: 0rem !important; }
}


/* *******************************************************
Desktop
******************************************************** */

@media only screen and (min-width: 992px) {
  /* Fügen Sie hier Ihre Anpassungen für Desktops ein */
  
.offset-lg-1 {
  margin-left: 8.33333333%; margin-bottom:30px;
}
.offset-lg-2 {
  margin-left: 16.66666667%; margin-bottom:30px;
  padding-right: 2.4em;
  padding-left: 2.5em;
}
.offset-lg-1 #inhalt { margin: 20px 1% 40px 3%; }


#kopf img { margin-right: 30px; }
#kopf.ausbildung img, body.article-220 #kopf img  { margin-right:15px; }
#kopf.ausbildung #page-title { display:block; margin:0 auto; text-align:center; padding-top:10px; padding-right:0rem; }
body.article-205 #kopf.ausbildung img,
body.article-237 #kopf.ausbildung img  { margin-right:15px; }
body.article-163 #kopf.ausbildung img,
body.article-108 #kopf.ausbildung img,
body.article-280 #kopf.ausbildung img  { margin-right:10px; }

body.article-266 #kopf.ausbildung img,body.article-267 #kopf.ausbildung img  { margin-right:32px; }
table#ueberuns td:first-of-type, table#ueberuns td img, table#ueberuns td p.bu { width:180px; }
.home.bilder .col-md-5 img { max-height:100%; }
.langfassungbreiter .bild { width:87%; margin: 17px auto; height:auto;padding-right:5px;}
body.ausbildung .langfassungbreiter div.bild { width:90%; margin: 17px auto; height:auto; padding-right:15px; }


}

/* *******************************************************
Angeber
******************************************************** */

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

.offset-lg-1 {
  margin-left: 8.33333333%; margin-bottom:30px;
}
.offset-lg-2 {
  margin-left: 16.66666667%; margin-bottom:30px;
  padding-right: 3.4em;
  padding-left: 5.5em;
}
.offset-lg-1 #inhalt { margin: 20px 2% 40px 2%; border:1px solid rgba(002,002,112,0.3); }

body.seminare .offset-lg-1 #inhalt { margin: 8px 1% 40px 3%; }
body.article-1 .offset-lg-1 #inhalt { margin: 27px 1% 40px 3%; }
.langfassungbreiter .bild { width:87%; margin: 17px auto; height:auto;padding-right:5px;}
body.ausbildung .langfassungbreiter div.bild,
body.ausbildung .langfassungbreiter .checklist-box
 { width:90%; margin: 17px auto; height:auto; padding-right:15px; }
}


@media screen and (min-width:414px) and (max-width:991px) and (orientation:portrait){
#kopf.ausbildung img  { margin-right:50px !important; }
}




#buch-video, .video-container, .vjs-poster, .vjs-poster::before, .video-js .vjs-tech { border-radius:5px; }

.vjs-theme-forest {
  --vjs-theme-forest--primary: #6fb04e;
  --vjs-theme-forest--secondary: #fff;
}

    
.vjs-poster::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
}

.vjs-theme-forest .vjs-big-play-button {
font-size:5em;
  background-color: #000000;
  opacity: .7;
  width: 80px;
  height: 80px;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  border-color: #FFFFFF;
}
.vjs-theme-forest .vjs-big-play-button:before {
  margin-top: 27px;
  margin-left: 30px;
  font-size: 4em;
  color: white;
  opacity: .9;
}