/* _se.css - 1, dies-hier, glr-blog */

/* Siehe auch style in _oben.php, u.a. für Startseite */



/*
body {font: 15px/1.5 'Noto Serif', Georgia;}
*/

h1 {font-size:36px;}


.foerder {font-size: 14px;
    text-align: center;
    font-family: Montserrat;}    

    
/* Header-Einblendung fuer Logins und Gueltigkeit */
.user {font-weight: bold;}
.user a {/*
    color:#000;
    border-bottom: 1px dotted #000!important;*/}


/* DH-Header mit DH-Logo GROSS für öffentliche S. */
.header { text-align: center;
    margin-bottom: 50px;
    font-family: Montserrat;
    font-weight: bold;
    text-transform: uppercase;}
.header a {color: #888; border: 0 !important;}
.header.logbuch a {color: #5a6909;}
.header a:hover, .header.logbuch a:hover { color: orange;}

.header img {
    max-width: 150px;
    margin: 45px 0 6px;
}
.header p {font-size:30px; 
	letter-spacing:6px; 
	word-spacing:2px;
    margin:0; 
}
.header p.subtitel {
    font-size: 16px;
    letter-spacing: 0.7px;
    text-transform: none;
    line-height: 1.3;}



/* DH-Header mit DH-Logo KLEIN für 1 */
.header1 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-flex-pack : center;    
    margin:50px 0}
.header1 p {color: #888; 
    font-family: montserrat; 
    font-weight: bold; 
    text-transform: uppercase;}
.header1 img {/*width:100%;*/ max-width: 210px;}


p.right_1 {
    margin: 0px 0 0 20px;
    font-size: 31px;
    text-align:left; 
    letter-spacing: 1px;
    line-height: 1;}
p.right_2 {
    margin: 6px 0 0 20px;
    text-align:left;
    font-size:16px;
    line-height: 1.3;  
    letter-spacing: 0.3px;
    text-transform: none;}

a:hover .header1 p {color: orange;}

.header1_intern p, h1 {color:#666;}
.header1_intern img {width:76px;}

h2,h3,h4,h5 {color:#818181;}

.anwahlblock a {font-family: montserrat;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#888;
    font-weight: bold;}

.header_gross a:hover, .header_klein a:hover, .anwahlblock a:hover,
a.sekundaerlink:hover, a.speziallink:hover, a.speziallink2:hover {
    color: orange;
    border-bottom: 1px solid orange;}

a.sekundaerlink {color:#96b182; border-bottom-color:#96b182}
a.sekundaerlink {color:#96b182; border-bottom-color:#96b182}

a.speziallink, .speziallink {color:#089d00; border-bottom-color:#089d00}
a.speziallink2, .speziallink2 {color:#c3b81a; border-bottom-color:#c3b81a}


.menue_startseite {list-style-type: none;
    font-size: 20px;
    line-height: 2.0;
    text-align: center;
    width: 100%;
    background-color: white;
    padding: 20px 0;}

   
/*.bar div {
  width: 35px;
  height: 5px;
  background-color: #888;
  margin: 5px 0;
} */ 

.bar p {
    width: 28px;
    height: 4px;
    background-color: #888;
    margin: 4px 0;
}  

/*
.bar .x::before {    
    content: '';
    float: left;
    height: 21px;
    background-image: url(bilder/menue_bar.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0px 36px 11px 2px;
    }
*/
td.x {    
content: '';
    background-image: url(../bilder/menue_bar.png);
    /* background-size: contain; */
    background-repeat: no-repeat;
    padding: 0px 28px 0px 0px;
    position: relative;
    top: 5px;
    left: 10px; 
    }
    
 
    
td.x:hover { 
    background-image: url(../bilder/menue_bar_orange.png);
    }

.bar a:hover {
  background-color: #f5f5f5;
} 

.bar td.x:hover {
  background-image: url(bilder/menue_bar_orange.png);
    /* background-size: contain; */
    background-repeat: no-repeat;
    padding: 0px 28px 0px 0px;
    position: relative;
    top: 5px;
    left: 10px; 
} 

.bar p:hover {
  background-color: orange;
}





.eins img, .zwei img, .drei img, .mitte img, .center img, .anwahlblock img  {box-shadow: 0px 3px 7px grey;}

.mitgl img {width:179px; max-width: 179px;}
.mitgl h2 {margin-top:35px;}
.mitgl p {display: table;    margin: 30px 0 0 0; }

    


/* Hauptmenues der Unterseiten 1/ */
.einwahl 
.einwahl p {
    font-size: 13px; line-height:1.35; margin-top: 10px;
    text-align:center; font-family:corbel; text-transform:uppercase; 
	letter-spacing:3px; font-weight:bold;}
.einwahl a {border-bottom:0 }
.einwahl img {margin:30px 0 10px 0; height:100px; border:1px solid #bbb;}
.einwahl td {text-align: center; width: 33%; }
.einwahl td:last-child {padding-right:0;}


/* .anwahlblock { } s.u. */
.anwahlblock p {    width:100%}
.anwahlblock img {/*height: 121px; width: 184px;*/     width: 250px;}
.anwahlblock a {border-bottom:0 }


/* redefiniert => .anwahlblock img ! */
.box img.titellogo {
    height: 102px; width: 150px;
    border: 0;
    margin: 20px 0;
    padding: 0;}


img.logo_klein {max-width: 130px;
    margin: 46px auto 49px;
    background-color: #fff;
    display: flex;}


/* Geändert: */
blockquote {width:85%; /*font-family:Roboto*/}
    
blockquote img.logo_klein:first-child {margin: -19px auto 28px}
blockquote .logo_klein {max-width: 68px; padding: 7px;}

blockquote.s p, .s blockquote p,
blockquote.s li, .s blockquote li, 
blockquote.s dt, .s blockquote dt, 
blockquote.s dd, .s blockquote dd,
.box.s blockquote p {
    font-size: 14px;
    line-height: 1.5;}    
blockquote ul li, blockquote ol li {padding:2px 0;}
    


.zwei dd {margin-left: 15px;}
.zwei dd ul {padding-left: 20px; margin-top: 3px;}




.vids {font-family: 'Montserrat';}
ul.vids, .vids ul {padding-left:0 }
.vids img {width:50%; }
.vids li {list-style-type:none;
    display:flex; align-items:center;
    margin-bottom: 60px;}
.vids p {margin: 0px 0 0 20px; }
.vids a {display:contents }
.vids .date {margin: 0 0 0 10px;}
.vids p.subtext {    margin-top: 10px; font-size: 13px;
    line-height: 1.4; }


/*
.blogdatum {margin: 35px 0 30px 0;
    font-family: corbel;
    text-align: right;} 
*/
    

.faq dt:before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    position: absolute;
    left: 0;
    top: -10px;
    font-family:Georgia,serif;
    font-size:40px;
    font-style:italic;
    font-weight: normal;
    color: #209e00;}

.faq dd { margin: 0 0 30px 0; padding-bottom:0!important;} /* reset */
.faq dt {position: relative; padding: 12px 0 5px 0;}
.faq dt, .faq dd { padding-left: 48px;}


/* REDEFINIERT */

.videotab li {
    text-transform: inherit;
    letter-spacing:0.3px;
    word-spacing:inherit;
    line-height: inherit !important;
    background-size: 28px 28px;
    margin-bottom: 26px;
}
.videotab li::before {
    height: 38px;
    width: 38px;
}


/* Smartphone und generell */

.startseite {
    max-width: 1300px;
    margin:0 auto;
    padding: 0 10px;}

.header_links {width:100%; text-align:center;}
.header_rechts p {
    color:#777; 
    letter-spacing: 0px; text-transform:initial;
    margin:3px 0 45px;}
.header_rechts p.header_rechts_1 {
    font-size: 39px;
    line-height: 1;
    letter-spacing: -1px;
    margin: 5px 0 10px 20px;}
.header_rechts p.header_rechts_2 {
    font-size: 17px;
    line-height: 1.22;
    margin: 0px 0 10px 20px;
    font-family: montserrat;}    



/* Desktop */
@media only screen and (min-width: 800px) {

/* hier noch 1-spaltig! s.u. */
.startseite {padding:0}
/*.eins, .zwei, .drei {width:33.3%;}*/

.startseite .eins, .startseite .zwei, .startseite .drei {/*width:33%;*/ order: 1;     padding: 0 10px;}
.startseite .eins {width:36%}
.startseite .zwei {width:32%}
.startseite .drei {width:32%}


/*.header1 {margin-bottom:43px; }*/

.header_mitte {margin-bottom:30px;}
.header_links, .header_rechts {float:left;}
.header_links  {width:43%; text-align: right;}
.header_rechts {width:57%;}  
.header_rechts p {text-align:left; margin: 36px 0 0 12px;}    

.header_rechts p.header_rechts1,
.header_rechts p.header_rechts_1 {margin: 13px 0 8px 20px;}
   
.vids p {margin: 0px 0 0 50px;}
   
.anwahlblock {text-align:center;  float:left; /*width: 33%;*/ margin: 45px 0;}

.aktuell {display:none;}


.gesamt {display:flex; 
    padding: 0 40px;         
    max-width: 950px;
    margin: 0 auto;}
.mitte {order:1;  width: 56%; padding-right:3.6%;}
.neben {order:2; width: 44%;}

}