/*--------------------------------------------------------------
# Farben 1671x1168

# Rot: #b63436, RGB 182,52,54
# Blau: #0ed9f2, RGB 14,217,242
# DBraun: #3d3b37, RGB 61,59,55
# Gold: #d0ab42, RGB 208,171,66

Gruengold : #a79f4d RGB 167,159,77

# var(--title)

# Fonts: Open Sans (Menu, Grundschrift) und Montserrat Alternates (Titel)
--------------------------------------------------------------*/

:root {
  --title: #b63436;
  --color1: #8D8305;
  --color2: #ACBED8;
  --darkbg: #ACBED8;
  --lightbg: #f8f5e6; /* 248,245,230 */
  --lightbg2: #fbf9f0;
  --text: #202A25;
  --mainbg: #bba649; 
  --sidebar:#f2df95; 
  --bleu: #b63436;
  
  
/*   aeaefe */
  
  --menu-width-desktop: 240px;
  --menu-width-tablet: 90px;
  --menu-width-smartphone: 230px;
  
}

/* Versatz für Fixed Header */
html {scroll-padding-top: 60px; /* height of sticky header */}
html[lang="de"] q { quotes: "»" "«"; }
body,html { scroll-behavior: smooth; }
.redcolor { color: var(--title); }

#toTopBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    width: 2.8125rem;
    height: 2.8125rem;
    border-radius: 50%;
    font-size: 1.25rem;
    line-height:0px;
    color: #fff;
}
#toTopBtn img { margin-top:0px;}
#header { min-height: 60px; padding-left:0px; padding-right:0px; padding-top:20px;padding-bottom:20px; }
.headerbild { background-color:#FFF; }
.headerbild .card { border-bottom-width:0px; border:none; border-radius:0px; }



main { background: var(--mainbg); }
#sidebar { background: var(--sidebar);display:none; }
.modal-dialog {max-width: 80% ;margin: 1.75rem auto;}


.container { max-width: 1400px; }


#inhalt { background: #FFFFFF; padding:0px 0px;min-height:60vH; }
#inhalt section:first-of-type, .section.start { padding-top: 2.3rem !important; }
#inhalt section#aktuelles:first-of-type { padding-top: 0rem !important; }
#inhalt section#sec124 { padding-top: 0px !important; }
#inhalt section#formular, #inhalt section > .container > h1 { padding-left:15px;padding-right:15px; }
body.article-23 h1 { margin-bottom:30px;}
body.article-23 h3 { margin-bottom:20px;}

section .col-md-6 .rahmen { border:1px solid var(--title); padding:15px; border-radius:5px; }
.rahmen h2 { font-size: 1.2rem; }
.p-30 { padding: 0px 30px 30px 30px; }
.col-md-3.left, .col-md-8.left, .col-md-6.left { padding-left:30px;}
.col-md-9.right, .col-md-4.right, .col-md-6.right  { padding-right:30px;}




#inhalt a { color: var(--color1); }
#inhalt a:hover { color: var(--color2); }

#inhalt ul {
    list-style: none;
    margin-top: 0;
    margin-bottom: 1.2rem;
    margin-left: 0;
    padding-left: 2.0em;
    text-indent: -1.25em;
}
#inhalt ul li {
    margin: 4px 0;
}
#inhalt ul li::before, .inhalt ul li::before {
    content: url('../../media/pv-logo_ul.png');
    font-size:10px;
    padding-right: 0.5rem;
}


.col-md-4 figure, .col-md-4 p img { margin-top: 6px; }
.col-md-4.right p, .col-md-3.left p { font-size:0.9rem;line-height:1.2rem; }
.leichtfarbehell { background-color: var(--lightbg2); }
.leichtfarbe { background-color: var(--lightbg); }
.mittelgrau { background-color: rgba(208,171,66,0.1); }

.col-md-4.right .rechtsnormal p { font-size:1rem;line-height:1.5rem;margin-bottom: 0.6rem; }
.col-md-4.right .rechtsnormal p.bigger { margin-top:1rem; font-family: Rokkitt,Georgia,serif; font-size:1.3rem !important; color: var(--color1);line-height:1.3rem !important; margin-bottom: 0.2rem !important; margin-right:2rem;border-right: 3px solid var(--title);
  padding-right: 15px;
  text-align: right; }
p.author { color: var(--title); text-align:right; margin-top:0; font-size:0.9rem !important; margin-right:2rem;}
section#feedback { padding:1.5rem 0 4rem 0; }
section#feedback h2 { padding-left:15px; }


.h1, h1 { font-size: 1.8rem; margin-bottom:20px;}
.h2, h2 { font-size: 1.8rem; margin:20px 0; }
.h3, h3 { font-size: 1.4rem; margin:15px 0; }
h4, h5 { font-family: "Open Sans",sans-serif;font-weight: 400;}
.h4, h4 { font-size: 1.2rem; margin:13px 0 8px 0; }
.h5, h5 { font-size: 1.0rem; margin:15px 0 8px 0; font-weight:bold; }

.ueberschrift { padding-top: 2.3rem !important; padding-left: 30px; padding-right:30px; }
section .ueberschrift { padding-top: 0rem !important; padding-left: 0px; padding-right:0px;}

/* headerbild */

.card { position:relative; width:100%;border:none;border-color:#FFF;border-bottom-width:0;  }
.card-zoom { z-index:2;}

.card-zoom img.float-right {
position:relative;
-webkit-mask-image: url('../../media/brechtshg.png');
-webkit-mask-size:  100% 100%;
mask-image: url('../../media/brechtshg.png');
mask-size: 100% 100%;
mask-repeat: no-repeat;
}
.card-zoom img.float-left {
position:relative;
-webkit-mask-image: url('../../media/blinkshg.png');
-webkit-mask-size:  100% 100%;
mask-image: url('../../media/blinkshg.png');
mask-size: 100% 100%;
mask-repeat: no-repeat;
}

.headerbild .zitat { 
width:30%; 
position:absolute; 
z-index:4;
display: flex;
height: auto;
padding: 0 20px;  }

.headerbild .zitat .blockquote {
    position: relative;
    max-width: 620px;
    margin: 30px 0 40px 0;
    border: 1px solid #ACBED8;
    padding: 25px;
    align-self: center;
    border-radius:20px;
  background: rgba(255,255,255,0.6);
}


/* Formular */

.form-control {
    border-color: #d0ab42;
    border-bottom-color: rgba(208,171,66, 1);
    background-color: rgba(208,171,66, 0.2);
}
.form-group { }
#kontaktformular { width:70%; margin: 4rem 0 2rem 0; }
#kontaktformular .form-control { padding: .75rem .75rem; margin-bottom:30px; }
#kontaktformular #yform-kontaktformular-createdate { display:none; }
#yform-kontaktformular-accept { margin-bottom:10px; font-size:0.9rem; line-height:1.3rem;}
#kontaktformular button { margin-top:20px; }
.form-check-group { padding-bottom:30px; }
.form-check-group > label { margin-right:30px; }



table { border-bottom: 1px solid #dee2e6; width:100%; margin-bottom:10px; }
table td, table th {
    padding: 2px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

/* Kursboxen */

.kbox { background-color:var(--lightbg); }
.abox { background-color:#FFFFFF; border:1px solid #CC0000; }
.kbox .kboxheader, .kbox .kboxfooter { background-color:var(--sidebar); }
.abox .aboxheader { background-color:#CC0000; }
.abox .aboxfooter { background-color:#e4e4e4; }
.kbox .kboxinhalt { background-color:var(--lightbg); }

.abox .aboxheader, .kbox .kboxheader { 
border-top-right-radius: 5px;border-top-left-radius: 5px; 
padding:15px 15px 0px 15px; }
.abox .aboxfooter, .kbox .kboxfooter { display:flex;
border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;
padding:15px 15px 15px 15px; }
.aboxinhalt, .kboxinhalt { margin: 15px; border:1px grey; }
.kbox .kboxfooter .col.kosten { float:right;border-bottom-right-radius: 5px;}
.abox .aboxfooter { display:none; }
.kbox table td, .abox table td { padding:10px 2px; font-size:0.9em; }
.kbox .kboxinhalt table tr td { padding-right:10px; }
.kbox .kboxinhalt table tr td:last-child { padding-right:0px; max-width:12em; }


/* Kursbox Styling */

.abox p em, .abox p em { font-size:0.9; }
.kbox p.author, .abox p.author { color: #b63436; margin-top:-16px; }
.kbox ul { text-indent: -0.8em !important; padding-left:1em !important; }
.kbox li {  margin:0 !important; }
.kbox ul li::before { content: "–" !important; font-size:2em; padding-right: 0rem; }
.kbox h2 { margin-top:5px; font-size:1.4rem; }
.abox p.datum { margin-bottom:0px; color:#FFF; }
.abox h2 { margin-top:0px; font-size:1.4rem; color:#FFF; }


/* Zitat */


.zitat .blockquote h3 {
    font-family: Rokkitt,Georgia,serif;
    position: relative; /* for pseudos */
    color: var(--color1);
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.2;
    margin: 0;
}
.zitat .blockquote h4 {
    position: relative;
    color: var(--title);
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding-top: 15px;
    z-index: 1;
    float:right;
}

.headerbild .zitat.float-left { 
left:40px;  
height:100%; 
}
.headerbild .zitat.float-right { 
right:40px;
width:50%; 
height:100%; 
}
#inhalt .card.zitatblock,#inhalt .hintergrund { background: rgba(167,159,77,0.2); border-radius: 0rem; }
#inhalt .card.zitatblock .blockquote {
width:70%;
margin: 0;
padding: 25px;
align-self: center;
float:right;
}
#inhalt .card.zitatblock .float-left .blockquote { float: left; }
#inhalt .kombi { display:flex; justify-content: space-between; }
#inhalt .kombi .zitat { display:flex; padding:20px 40px 20px 10px; }
#inhalt .kombi .zitat .blockquote {
width:auto;
margin: 0;
padding: 0px;
align-self: center;
}
#inhalt .card.zitatblock .blockquote h3,
#inhalt .kombi .zitat .blockquote h3 { border-right: 3px solid var(--title); padding-right:15px;text-align:right; }
#inhalt .card.zitatblock .float-left .blockquote h3 { border-left: 3px solid var(--title); border-right:none; padding-left:15px;text-align:left; }

#inhalt .zitat .blockquote h3 {
color: var(--color1);
}
#inhalt .kombi .zitat figure {
width:60%;
float:right;
}
#inhalt figure.float-left {
width:60%;
float:left;
margin-right:30px;
padding-top:6px;
}
#inhalt .col-md-3 figure.float-left { width:100%; }
#inhalt figure.float-right,
#inhalt figure.bildrechts {
width:40%;
float:right;
margin-left:30px;
padding-top:6px;
}
#inhalt .col-md-3.left figure,#inhalt .col-md-3.right figure {
padding-top:26px;
}

#inhalt figure.bildlinks {
width:40%;
float:left;
margin-right:30px;
padding-top:6px;
}

#inhalt .hintergrund { padding:25px; }


/* Button */

#inhalt a.button, #inhalt p.button a {
    text-align: center;
    margin: 8px 10px 8px 0px;
    font-size: 16px;
    white-space: nowrap;
    font-weight: 600;
    color: #FFF;
    background-color: var(--bleu);
    padding: 4px 14px 4px 24px;
    display: inline-block;
    border-radius: 6px;
    text-transform: none;
    transition: all .3s;
}

#inhalt a.button::before, #inhalt p.button a::before {
    content: "\f30f";
    color: #FFF;
    font-family: 'Ionicons';
    font-size: 18px;
    font-weight:300;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.8em;
}
#inhalt a.button:hover, #inhalt p.button a:hover {
    color: #fff;
    background-color: var(--title);
}
#inhalt a.button:hover::before, #inhalt p.button a:hover::before { color: #fff; }
p.button { margin-bottom:0;}
#inhalt .col-md-4 a.button, #inhalt .col-md-4 p.button a {white-space: normal;}

/* end Navigation */

header {
    background-color: var(--mainbg);
    color: var(--text);
}

footer {
  background-color: var(--mainbg);
  color: var(--text); }
footer .copyright { background-color: var(--mainbg); color: #FFF; padding-top:10px;padding-left:15px;padding-right:15px;padding-bottom:30px; }
footer .copyright .navbar-nav { flex-direction: row; }
footer .copyright .navbar-nav li { color: #FFF;margin-left: 30px; }
footer .copyright .navbar-nav li a { color: #FFF;}
  

/* Mobile Navigation Breite
==========================*/

@media (max-width: 767px) {

/* Versatz für Fixed Header */
html {scroll-padding-top: 120px; /* height of sticky header */}

#inhalt section.leichtfarbehell, #inhalt section.mittelgrau, #inhalt section:first-of-type, .section.start {
    padding-top: 1.3rem !important;
}
#inhalt figure.float-left {width: 100%;margin-right: 0px;padding-top: 0px;}
.h1, h1 { font-size: 1.3rem; line-height: 1.3;}
.h2, h2 { font-size: 1.3rem; line-height: 1.3; }
.h3, h3 { font-size: 1.1rem; line-height: 1.3; }
#inhalt a.button, #inhalt p.button a { white-space: normal;text-align:left;}
#inhalt a.button::before, #inhalt p.button a::before {margin-left: -0.5em; width: 1.4em; }
#inhalt .col-md-3 .zitat { height: auto; display:inline-block; width:100%; margin-bottom:20px;padding-bottom:10px; border-bottom:1px solid var(--mainbg);}
.headerbild .zitat .blockquote { width:100%; margin:0;}
.zitat .blockquote h3 {font-size: 1.2rem;}
.headerbild .zitat.float-left {left: 0px;}
.headerbild .zitat.float-right {left: 0px;}
.headerbild .zitat { width: 100%; position: relative; }
.hamburger { display:inline-block; height:80px; width:80px; }
.col-md-3.left, .col-md-8.left, .col-md-6.left { padding-left:30px;padding-right:30px;}
.col-md-9.right, .col-md-4.right, .col-md-6.right  { padding-left:30px;padding-right:30px;}
.headerbild .zitat.float-right { right: 0px;width: 100%; height: 100%; }
.headerbild .zitat.float-left,.headerbild .zitat.float-right {padding-left:30px;padding-right:30px;}
.col-md-3.left { padding-bottom:30px; }

}


/* Small devices (tablets)
==========================*/
@media (min-width: 320px) {
.headerbild { margin-top: 145px;}
}


@media (min-width: 480px) {
.headerbild { margin-top: 118px;}
}

/* Small devices (tablets)
==========================*/
@media (min-width: 768px) {
.headerbild { margin-top: 76px;}
.headerbild .zitat { width: 50%; }
}


/* Medium devices (desktops)
==========================*/
@media (min-width: 992px) {
.zitat .blockquote h3 { font-size: 1.4rem; }
.headerbild { margin-top: 88px;}
.headerbild .zitat { width: 30%; }
#inhalt h3 { margin-top:10px; }

  .wrapper {
    margin-left: 200px;
  }

  .wrapper__minify {
    margin-left: 50px;
  }

}

@media (min-width: 576px) {
    .h-sm-100 {
        height: 100%;
    }
}