html,body {
margin:0;
padding:0;
overflow-x: hidden;
height:auto;
background-color:#fff;
}

/* beginn LOGO ##################################### */
#kopfbereich {
min-height:160px;
margin:0;
padding:1px;
border: 0px solid black;
text-align: left;
font-size: 14px;
line-height: 22px;
font-weight: normal;
font-family: arial,verdana;
color:#fff;
background-color:#971111;
}
/* ende LOGO ##################################### */

/* beginn LOGO-CONTAINER ##################################### */
.logo-container {
position: relative;
max-width:1920px;
margin:auto;
}
.logo-topleft {
position: absolute;
top: 0px;
left: 0px;
}
.logo-topright {
position: absolute;
top: 0px;
right: 0px;
}
.logo-toprechts {
font-size: 12px;
line-height:16px;
font-weight: normal;
font-family: arial,verdana;
color:#000;
background-color: #fff;
min-height: 100px;
min-width: 100px;
right: 0px;
position: absolute;
padding: 10px;
top: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.logo-center-oben {
position: absolute;
top: 20%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 18px;
font-family: arial,verdana;
font-style:italic;
text-align:center;
color:#fff7cc;
border:0px solid #ccc;
background-color:#971111;
padding:10px;
}
.logo-center {
position: absolute;
top: 75%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 18px;
font-family: arial,verdana;
font-style:italic;
text-align:center;
color:#fff7cc;
border:0px solid #ccc;
background-color:#971111;
padding:10px;
}
.logo-center-links {
position: absolute;
top: 50%;
left: 0px;
width: 700px;
font-size: 18px;
font-family: arial,verdana;
font-style:italic;
text-align:center;
color:#fff7cc;
border:0px solid #ccc;
background-color:#971111;
padding:10px;
}
.logo-center-rechts-vertikal {
position: absolute;
top: 25%;
right: 0px;
width: 350px;
font-size: 18px;
font-family: arial,verdana;
font-style:italic;
text-align:left;
color:#fff7cc;
background-color:#971111;
padding:10px;
}
.logo-center-links-vertikal {
position: absolute;
top: 25%;
left: 0px;
width: 350px;
font-size: 18px;
font-family: arial,verdana;
font-style:italic;
text-align:left;
color:#fff7cc;
background-color:#971111;
padding:10px;
}
.logo-center-rechts {
position: absolute;
top: 50%;
right: 0px;
width: 700px;
font-size: 18px;
font-family: arial,verdana;
font-style:italic;
text-align:center;
color:#fff7cc;
border:0px solid #ccc;
background-color:#971111;
padding:10px;
}
.logo-center-rechts-oben {
position: absolute;
top: 20%;
right: 0px;
width: 700px;
font-size: 18px;
font-family: arial,verdana;
font-style:italic;
text-align:left;
color:#fff7cc;
border:0px solid #ccc;
background-color:#971111;
padding:10px;
}
.logo-center-rechts-schwarz {
position: absolute;
top: 65%;
right: 0px;
width: 400px;
font-size: 18px;
font-family: arial,verdana;
font-style:italic;
text-align:center;
color:#fff;
border:0px solid #ccc;
background-color:#000;
padding:10px;
}
.logo-center-middle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 18px;
font-family: arial,verdana;
font-style:italic;
text-align:center;
color:#fff7cc;
border:0px solid #ccc;
background-color:#971111;
padding:10px;
}
@media all and (max-width: 1024px) { .logo-center-oben {display:none;} }
@media all and (max-width: 1024px) { .logo-center {display:none;} }
@media all and (max-width: 1024px) { .logo-center-middle {display:none;} }
@media all and (max-width: 1024px) { .logo-center-links {display:none;} }
@media all and (max-width: 1024px) { .logo-center-rechts {display:none;} }
@media all and (max-width: 1024px) { .logo-center-rechts-oben {display:none;} }
@media all and (max-width: 1024px) { .logo-center-rechts-schwarz {display:none;} }
@media all and (max-width: 1024px) { .logo-center-rechts-vertikal {display:none;} }
@media all and (max-width: 1024px) { .logo-center-links-vertikal {display:none;} }

.logo-center-font-ueberschrift {
font-size:26px;
line-height:30px;
margin-top:10px;
margin-bottom:10px;
}

/* ende LOGO-CONTAINER ##################################### */

/* beginn logo-top-rechts-schrift  */
.top-rechts-relative {
position: relative;
width: 100%;
height: 110px;
top: 0px;
border: 0px solid yellow;
}

.top-rechts-absolute {
position: absolute;
top: 0px;
right: 0;
min-height: 100px;
min-width: 100px;
font-size: 12px;
line-height:16px;
font-weight: normal;
font-family: arial,verdana;
color:#000;
background-color:#fff;
padding: 10px;
opacity: 0.85;
border: 0px solid #000;
}
/* ende logo-top-rechts-schrift  */


/* beginn INHALT ##################################### */
#inhalt{
margin-left: auto;
margin-right: auto;
max-width:1200px;
padding-left:10px;
padding-right:10px;
text-align: left;
font-size: 16px;
line-height: 22px;
font-weight: normal;
font-family: arial,verdana;
color:#753031;
background-color:#fff;
border: 0px solid #ddd;
}
/* ende INHALT ##################################### */

/* beginn inhalt-ganzebreite ##################################### */
#inhalt-ganzebreite{
margin-left: auto;
margin-right: auto;
max-width:100%;
padding-left:10px;
padding-right:10px;
text-align: left;
font-size: 16px;
line-height: 22px;
font-weight: normal;
font-family: arial,verdana;
color:#753031;
background-color:#fff;
border: 0px solid #ddd;
}
/* ende inhalt-ganzebreite ##################################### */

/* beginn FOOTER ##################################### */
#footer {
min-height:100px;
padding:10px;
border: 0px solid black;
text-align: center;
font-size: 14px;
line-height: 20px;
font-weight: normal;
font-family: arial,verdana;
color:#ccc;
background-color:#971111;
clear:both;
}
/* ende FOOTER ##################################### */

.footer-link {
font-family: arial,verdana;
color: #ccc;
line-height: 26px;
text-decoration: none;
}
.footer-link:hover {
text-decoration: underline;
}


/* beginn MOBIL Container */
.mobil-container {
min-width:300px;
background:#fff;
margin:0 auto;
border: 0px solid #aaa;
}
.mobil-links{
width: 100%;
border: 0px solid #fff;
}
.mobil-navi-unten{
display:block;
min-width: 130px;
padding: 5px;
margin-bottom: 4px;
border: 1px solid #aaa;
border-radius:0px;
background-color:#E2CC90;
font-size: 16px;
font-weight: normal;
font-family: arial,verdana;
color:#000;
text-decoration: none;
text-align:left;
padding-left:20px;
}
.mobil-navi-unten:hover{
background-color:#F7E3B2;
text-decoration: underline;
}
/* ende MOBIL Container */
/* ende NAVI UNTERN ############################# */



/* beginn DIVERSE ##################################### */

.foto-schatten {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bild-schatten {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.bild-schatten:hover {
opacity: 0.7;
}

.aufhellen:hover {
opacity: 0.7;
}

.hinweis-lichtschulung {
float:right;
width:250px;
background: #fff;
border:1px solid #ccc;
text-align:left;
padding:5px;
font-family:arial,verdana;
font-size:14px;
color:#555;
line-height: 18px;
border-left:5px solid #ccc;
}

.hinweis-wachstum {
max-width:310px;
padding:10px;
background: #fff;
border:1px solid #ccc;
text-align:left;
font-family:arial,verdana;
font-size:14px;
color:#555;
line-height: 18px;
border-left:5px solid #ccc;
}

.hinweis-einweihung {
float:right;
width:250px;
padding:5px;
background: #fff;
border:1px solid #ccc;
text-align:left;
font-family:arial,verdana;
font-size:14px;
color:#555;
line-height: 18px;
border-left:5px solid #ccc;
}

.hinweis-ausbildung {
width:100%;
padding: 5px;
background: #fff;
text-align:left;
font-family:arial,verdana;
}

.rahmen-800{
margin:auto;
max-width:800px;
line-height:26px;
}

.roter-kasten {
display:block;
max-width:380px;
background-color:#971111;
color:#fff;
text-align:center;
font-size:20px;
padding:10px;
margin: 5px;
}

.roter-kasten-im-logo {
display:block;
max-width:100px;
background-color:#971111;
color:#fff;
text-align:center;
font-size:14px;
padding:10px;
float:left;
}

.weisser-kasten {
display:table;
margin-top:7px;
margin-bottom:5px;
margin-right:5px;
font-size:20px;
text-align:left;
padding-bottom:5px;
border-bottom:1px solid #753031;
}

.kasten-mit-rahmen-dunkel {
margin-top:7px;
width:100%;
padding:10px;
background-color:#971111;
color:#fff;
font-size:16px;
line-height:22px;
}

.kasten-mit-rahmen {
margin-top:7px;
width:100%;
padding:10px;
background-color:#fff;
border:1px solid #ccc;
border-left:7px solid #ccc;
font-size:16px;
line-height:24px;
}

.kasten-mit-rahmen-gelb {
margin-top:7px;
width:100%;
padding:10px;
background-color:#FFF;
border:1px solid #fff7cc;
border-left:12px solid #fff7cc;
font-size:16px;
line-height:22px;
}

.vorschaukasten-border {
display: table;
border-collapse: separate;
margin-top:10px;
border-spacing: 0px;
table-layout: fixed;
width:100%;
padding:10px;
background-color:#F9F2F2;
border-left:7px solid #ccc;
font-size:16px;
line-height:22px;
}

.kasten-ohne-rahmen {
padding-left:10px;
border-left:7px solid #971111;
font-size:16px;
line-height:22px;
}



.vorschaukasten {
display: table;
border-collapse: separate;
margin-top:10px;
border-spacing: 0px;
table-layout: fixed;
width:100%;
padding:10px;
background-color:#F9F2F2;
font-size:16px;
line-height:24px;
font-weight: normal;
font-family: arial,verdana;
}

.vorschaukasten-blog {
display: table;
border-collapse: separate;
margin-top:10px;
border-spacing: 0px;
table-layout: fixed;
width:100%;
padding:10px;
background-color:#fff;
font-size:14px;
line-height:22px;
border:1px solid #ccc;
}

.vorschaukasten-gelb-kopf {
display: table;
border-collapse: separate;
border-spacing: 0px;
table-layout: fixed;
width:100%;
padding:10px;
background-color:#fff7cc;
font-family:arial,verdana;
font-size:16px;
line-height:24px;
color:#971111;
}

.vorschaukasten-gelb {
display: table;
border-collapse: separate;
border-spacing: 0px;
table-layout: fixed;
width:100%;
padding:10px;
margin-top:10px;
background-color:#fff7cc;
font-family:arial,verdana;
font-size:16px;
line-height:24px;
color:#971111;
}

.vorschaukasten-weiss {
display: table;
border-collapse: separate;
border-spacing: 0px;
table-layout: fixed;
width:100%;
padding-top:10px;
padding-bottom:10px;
background-color:#fff;
border:0px solid #ccc;
font-size:16px;
line-height:22px;
}

.kasten-center {
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
max-width:380px;
border:1px solid #aaa;
padding:10px;
font-size:16px;
font-family:arial,verdana;
text-align:center;
color:#971111;
}

.kasten-center-mit-link {
display:block;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
background-color:#fff;
max-width:380px;
border:1px solid #aaa;
padding:10px;
font-size:16px;
font-family:arial,verdana;
text-align:center;
color:#971111;
}
.kasten-center-mit-link a {
font-size:18px;
color:blue;
text-decoration: none;
}
.kasten-center-mit-link a:hover {
text-decoration: underline;
}

.flex-container {
display: flex;
width: 100%;
background-color:#fff;
align-items: center;
}
.flex-item {
background-color:#fff;
}

.flex-container-blog {
display: flex;
width: 100%;
background-color:#fff;
align-items: flex-start;
}
.flex-item-blog {
background-color:#fff;
}

.flex-container-farbig {
display: flex;
margin-top:7px;
width: 100%;
background-color:#F9F2F2;
align-items: center;
padding:5px;
}
.flex-item-farbig {
background-color:#F9F2F2;
margin:4px;
}

.flex-container-rot-border-left {
display: flex;
margin-top:10px;
width: 100%;
background-color:#F9F2F2;
align-items: center;
padding:5px;
border:1px solid #971111;
border-left: 7px solid #971111;
}
.flex-item-rot-border-left {
background-color:#F9F2F2;
margin:4px;
}
.flex-container-rot-border-left:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media all and (max-width: 600px) { .mobil-ausblenden-600 {display:none;} }

.flex-container-farbig-border-left {
display: flex;
margin-top:10px;
width: 100%;
background-color:#F9F2F2;
align-items: center;
padding:5px;
border:0px solid #ccc;
border-left: 7px solid #ccc;
}
.flex-item-farbig-border-left {
background-color:#F9F2F2;
margin:4px;
}
.flex-container-farbig-border-left:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media all and (max-width: 600px) { .mobil-ausblenden-600 {display:none;} }

.flex-container-gelb {
display: flex;
width: 100%;
background-color:#fff7cc;
align-items: center;
padding:10px;
font-family:arial,verdana;
font-size:16px;
line-height:24px;
color:#971111;
}
.flex-item-gelb {
background-color:#fff7cc;
margin:4px;
font-family:arial,verdana;
font-size:16px;
line-height:24px;
color:#555;
}

.flex-container-weiss {
display: flex;
width: 100%;
background-color:#fff;
align-items: center;
padding:10px;
font-family:arial,verdana;
font-size:16px;
line-height:24px;
color:#971111;
}
.flex-item-weiss {
background-color:#fff;
margin:auto;
font-family:arial,verdana;
font-size:16px;
line-height:24px;
color:#555;
}

.flex-container-weiss-center {
display: flex;
width: 100%;
background-color:#fff;
align-items: center;
padding:10px;
font-family:arial,verdana;
font-size:16px;
line-height:24px;
color:#971111;
}
.flex-item-weiss-center {
background-color:#fff;
margin:auto;
font-family:arial,verdana;
font-size:16px;
line-height:24px;
color:#555;
}

.clearfix {
overflow: auto;
border: 0px solid green;
}

.h1-top {
font-size:12px;
line-height:16px;
color:#bbb;
text-align:left;
}

h1{
font-size:20px;
line-height:24px;
}

/* beginn Überschrift */
@media screen and (min-width: 1025px) {
.h2-top {
font-size: 28px;
line-height: 32px;
font-family: "Times New Roman", Times, serif;
}
}

@media screen and (max-width: 1024px) {
.h2-top {
font-size: 28px;
line-height: 32px;
font-family: "Times New Roman", Times, serif;
}
}

@media screen and (max-width: 768px) {
.h2-top {
font-size:24px;
line-height:28px;
font-family: "Times New Roman", Times, serif;
}
}

@media screen and (max-width: 480px) {
.h2-top {
font-size:20px;
line-height:24px;
font-family: "Times New Roman", Times, serif;
}
}
/* ende Überschrift */

h2{
font-size:20px;
line-height:28px;
}
.h2-blue{
font-size:20px;
line-height:26px;
color:blue;
text-decoration: none;
}
.h2-blue a:hover {
text-decoration: underline;
}
h3{
font-size:18px;
line-height:24px;
}
h4{
font-size:16px;
line-height:24px;
}
img{
max-width: 100%;
height: auto;
}
.rund {
border-radius: 100%;
}

@media all and (min-width: 1025px) { .fuerMobil {display:none;} }
@media all and (max-width: 1024px) { .fuerDesktop {display:none;} }
@media all and (max-width: 1024px) { .navi-ausblenden {display:none;} }
@media all and (max-width: 600px) { .GoogleFontGross {display:none;} }
@media all and (min-width: 601px) { .FontH2 {display:none;} }
/* ausgeblendet von 0-1024 Pixel */

@media all and (max-width: 420px) { .mobil-ausblenden-420 {display:none;} }
/* ausgeblendet von 0-420 Pixel */

@media all and (max-width: 768px) { .mobil-ausblenden {display:none;} }
/* ausgeblendet von 0-768 Pixel */

@media all and (max-width: 769px) { .mobil-ausblenden-769 {display:none;} }
/* ausgeblendet von 0-769 Pixel */

@media all and (max-width: 767px) { .mobil-ausblenden-767 {display:none;} }
/* ausgeblendet von 0-768 Pixel */

@media all and (max-width: 599px) { .mobil-ausblenden-599 {display:none;} }
/* ausgeblendet von 0-768 Pixel */

@media all and (min-width: 769px) { .mobil-einblenden {display:none;} }
@media all and (min-width: 600px) { .desktop-ausblenden-600 {display:none;} }
@media all and (min-width: 769px) { .desktop-ausblenden-769 {display:none;} }
/* ausgeblendet von 0-769 Pixel */
@media all and (min-width: 1025px) { .desktop-ausblenden {display:none;} }
/* ausgeblendet von 0-1025 Pixel */
@media all and (max-width: 600px) { #LogoDesktop {display:none;} }
@media all and (max-width: 600px) { .LogoDesktop {display:none;} }
/* ausgeblendet ab 769 Pixel */
@media all and (min-width: 601px) { #LogoMobil {display:none;} }
@media all and (min-width: 601px) { .LogoMobil {display:none;} }

/* Kurzgeschichten Schrift */
.Kurzgeschichten-Text {
font:16px Verdana, Arial, Helvetica, sans-serif;
color:#555;
line-height:24px;
}

/* Google Font wird ausgeblendet von 0-600 Pixel */
.GoogleFontGross {
font-family: 'Julius Sans One',verdana;
font-size: 36px;
line-height: 35px;
font-weight: bold;
color:#777777;
margin-bottom:10px;
text-shadow: #dddddd 0.1em 0.1em 0.2em;
}

/* Google Font wird ausgeblendet ab 601 Pixel */
.FontH2 { color:#000000;
margin-bottom:0px;line-height: 18px;
font-family: verdana;
font-size: 15px;
text-shadow: #dddddd 0.1em 0.1em 0.2em;
}

.RefBorder1 {
border-bottom:3px solid #aaa;
}

.weiterlesen {
display:block;
width:100%;
background : #F9F2F2;
text-align:center;
font-family:arial, verdana;
color:#555;
font-size:18px;
padding:15px;
text-decoration:none;
}
.weiterlesen:hover {
background:#fff7cc;
text-decoration:underline;
}

.weiter-footer {
display : block;
border:0px solid #fff;
width : 100%;
min-height : 58px;
background : #F9F2F2;
text-align : left;
font-family : arial, verdana;
color : #555;
font-size : 14px;
margin-bottom : 5px;
padding:7px;
text-decoration : none;
}
.weiter-footer:hover {
background-color : #fff7cc;
text-decoration : underline;
}

.weiter-footer2 {
display : block;
border:0px solid #fff;
width : 100%;
height:77px;
background : #F9F2F2;
text-align : left;
font-family : arial, verdana;
color : #555;
font-size : 14px;
margin-bottom : 5px;
padding:7px;
text-decoration : none;
overflow: hidden;
text-overflow:ellipsis;
}
.weiter-footer2:hover {
background-color : #fff7cc;
text-decoration : underline;
}

.weiter4 {
display:block;
border-radius:3px;
border:1px solid #ddd;
width: 100%;
background: #F9F2F2;
text-align:center;
font-family: arial,verdana;
color: #000;
font-size: 14px;
padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
text-decoration: none;
}
.weiter4:hover {
background-color: #fff7cc;
text-decoration: underline;
}

.weiter44 {
display:block;
border-radius:3px;
border:1px solid #ddd;
max-width: 380px;
background-color:#fff7cc;
text-align:center;
font-family: arial,verdana;
color: #000;
font-size: 16px;
padding: 10px;
margin:10px;
text-decoration: none;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.weiter44:hover {
text-decoration: underline;
}

.weiter55 {
display:block;
border-radius:3px;
border:1px solid #aaa;
max-width: 380px;
background: #fff;
text-align:center;
font-family: arial,verdana;
color:#971111;
font-size: 16px;
padding: 10px;
margin:10px;
text-decoration: none;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.weiter55:hover {
text-decoration: underline;
}

.weiter55-center {
display:block;
margin-left: auto;
margin-right: auto;
border-radius:3px;
border:1px solid #aaa;
max-width: 380px;
background: #fff;
text-align:center;
font-family: arial,verdana;
color:#971111;
font-size: 16px;
padding: 10px;
margin:10px;
text-decoration: none;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.weiter55-center:hover {
text-decoration: underline;
}

.weiter555 {
display:block;
border-radius:3px;
border:1px solid #aaa;
max-width: 380px;
background: #fff;
text-align:center;
font-family: arial,verdana;
color:#971111;
font-size: 16px;
padding: 10px;
text-decoration: none;
}
.weiter555:hover {
text-decoration: underline;
background: #f7f9ef;
}

.weiter555-center {
display:block;
margin-left: auto;
margin-right: auto;
border-radius:3px;
border:1px solid #aaa;
max-width: 380px;
background: #fff;
text-align:center;
font-family: arial,verdana;
color:#971111;
font-size: 16px;
padding: 10px;
text-decoration: none;
}
.weiter555-center:hover {
text-decoration: underline;
background: #f7f9ef;
}

.weiter555-blue {
display:table;
border-radius:3px;
border:1px solid #aaa;
background: #fff;
text-align:left;
font-family: arial,verdana;
color:blue;
font-size: 18px;
padding: 10px;
text-decoration: none;
}
.weiter555-blue:hover {
text-decoration: underline;
background: #fff;
}

.weiter66 {
display:block;
border-radius:3px;
border:1px solid #ddd;
width: 100%;
background: #F9F2F2;
text-align:left;
font-family: arial,verdana;
color:#753031;
font-size: 13px;
padding: 5px;
margin-bottom:5px;
text-decoration: none;
}
.weiter66:hover {
background-color:#fff;
text-decoration: underline;
}

.weiter-weiss-zwei {
display:block;
border-radius:3px;
border:1px solid #aaa;
max-width: 380px;
background: #fff7cc;
text-align:center;
font-family: arial,verdana;
color: #000;
font-size: 16px;
padding: 5px;
margin: 5px;
text-decoration: none;
}
.weiter-weiss-zwei:hover {
background-color:#fff;
text-decoration: underline;
}

.weiter-weiss {
display:block;
border-radius:3px;
border:1px solid #aaa;
max-width: 380px;
background: #fff7cc;
text-align:center;
font-family: arial,verdana;
color:#971111;
font-size: 16px;
padding: 10px;
margin: 5px;
text-decoration: none;
}
.weiter-weiss:hover {
background-color:#971111;
color:#fff;
text-decoration: underline;
}

.weiter-weiss-center {
display:block;
margin-left: auto;
margin-right: auto;
border-radius:3px;
border:1px solid #aaa;
max-width: 380px;
background: #fff7cc;
text-align:center;
font-family: arial,verdana;
color:#971111;
font-size: 16px;
padding: 10px;
margin:auto;
text-decoration: none;
}
.weiter-weiss-center:hover {
background-color:#fff;
text-decoration: underline;
}
.weiter-weiss-3 {
display:block;
border-radius:3px;
border:1px solid #aaa;
max-width: 380px;
background: #fff7cc;
text-align:center;
font-family: arial,verdana;
color:#971111;
font-size: 16px;
padding: 10px;
margin: 5px;
text-decoration: none;
}
.weiter-weiss-3:hover {
background-color:#fff;
text-decoration: underline;
}

.weiter-weiss-inline {
display: inline-block;
border-radius:3px;
border:1px solid #ddd;
width: 100%;
background: #fff7cc;
text-align:center;
font-family: arial,verdana;
color: #000;
font-size: 14px;
padding: 5px 5px 5px 5px;
text-decoration: none;
}
.weiter-weiss-inline:hover {
background-color:#fff;
text-decoration: underline;
}

.weiter-weiss-2 {
display:block;
border-radius:3px;
border:1px solid #ddd;
width: 100%;
background: #F9f2F2;
text-align:center;
font-family: arial,verdana;
color: #000;
font-size: 14px;
padding: 5px 5px 5px 5px;
text-decoration: none;
}
.weiter-weiss-2:hover {
background-color:#fff;
text-decoration: underline;
}

.weiter-weiss-dick {
display:block;
border-radius:3px;
border:1px solid #ddd;
width: 100%;
background: #fff7cc;
text-align:center;
font-family: arial,verdana;
font-weight: bold;
color: #000;
font-size: 14px;
padding: 10px;
text-decoration: none;
}
.weiter-weiss-dick:hover {
background-color:#fff;
text-decoration: underline;
}

.weiter-weiss-fett {
display: inline-block;
border-radius:3px;
border:1px solid #ccc;
margin:auto;
width: 100%;
background: #F9F2F2;
text-align:center;
font-family: arial,verdana;
font-weight: normal;
color: #0000c0;
font-size: 16px;
line-height: 20px;
padding: 15px;
min-height:60px;
text-decoration: none;
}
.weiter-weiss-fett:hover {
background-color:#fff;
text-decoration: underline;
}

.weiter-weiss-fett-1 {
display: inline-block;
border-radius:3px;
border:1px solid #ccc;
margin:auto;
width: 100%;
background: #F9F2F2;
text-align:center;
font-family: arial,verdana;
font-weight: normal;
color: #555;
font-size: 22px;
line-height: 24px;
padding: 18px;
min-height:60px;
text-decoration: none;
}
.weiter-weiss-fett-1:hover {
background-color:#fff;
text-decoration: underline;
}

.weiter-weiss-fett-2 {
display: block;
border-radius:3px;
border:1px solid #ccc;
margin:5px;
max-width: 380px;
background: #F9F2F2;
text-align:center;
font-family: arial,verdana;
font-weight: normal;
color:#555;
font-size: 16px;
line-height: 20px;
padding: 18px;
text-decoration: none;
}
.weiter-weiss-fett-2:hover {
background-color:#fff;
text-decoration: underline;
}

.weiter-weiss-fett-22 {
display: block;
border-radius:3px;
border:1px solid #ccc;
margin:5px;
max-width: 380px;
background: #F9F2F2;
text-align:left;
font-family: arial,verdana;
font-weight: normal;
color:#555;
font-size: 16px;
line-height: 20px;
padding: 18px;
text-decoration: none;
}
.weiter-weiss-fett-22:hover {
background-color:#fff;
text-decoration: underline;
}

.weiter-weiss-fett-3 {
display: block;
border-radius:3px;
border:1px solid #ccc;
width: 100%;
background: #F9F2F2;
text-align:center;
font-family: arial,verdana;
font-weight: normal;
color:#555;
font-size: 16px;
margin-bottom:10px;
padding: 12px;
text-decoration: none;
}
.weiter-weiss-fett-3:hover {
background-color:#fff;
text-decoration: underline;
}

.weiter-weiss-lang {
display:block;
border-radius:3px;
border:1px solid #aaa;
width: 100%;
background: #fff7cc;
text-align:left;
font-family: arial,verdana;
color:#971111;
font-size: 16px;
padding: 10px;
margin: 5px;
text-decoration: none;
}
.weiter-weiss-lang:hover {
background-color:#fff;
text-decoration: underline;
}
.weiter-rot {
display:block;
border-radius:3px;
width: 100%;
background-color:#971111;
border:1px solid #aaa;
text-align:center;
font-family: arial,verdana;
color: #fff;
font-size: 14px;
font-weight:normal;
padding: 5px 5px 5px 5px;
text-decoration: none;
margin-bottom:5px;
}
.weiter-rot:hover {
background-color:#971111;
text-decoration: underline;
}

.weiter-rot-2 {
display:block;
margin-left: auto;
margin-right: auto;
border-radius:3px;
max-width: 380px;
background-color:#971111;
border:1px solid #aaa;
text-align:center;
font-family: arial,verdana;
color: #fff;
font-size: 16px;
font-weight:normal;
padding: 10px;
text-decoration: none;
}
.weiter-rot-2:hover {
background-color:#971111;
text-decoration: underline;
}

.weiter-green {
display:block;
margin-left: auto;
margin-right: auto;
border-radius:3px;
max-width: 380px;
background-color:#9aCd32;
border:1px solid #aaa;
text-align:center;
font-family: arial,verdana;
color: #fff;
font-size: 16px;
font-weight:normal;
padding: 10px;
text-decoration: none;
}
.weiter-green:hover {
background-color:#9aCd32;
text-decoration: underline;
}

.zurueck {
text-decoration:none;
color:blue;
}
.zurueck:hover {
text-decoration:underline;
}

.schrift-12 {
font-size:12px;
line-height:16px;
}
@media all and (max-width: 768px) { .schrift-12 {display:none;} }

.infobox {
padding:10px;
margin-top: 10px;
margin-left:10px;
margin-bottom:10px;
max-width:310px;
background: #fff;
border:1px solid #ccc;
text-align:left;
font-size:14px;
line-height:18px;
font-family:arial,verdana;
color:#555;
}
@media all and (max-width: 768px) { .infobox {display:none;} }

.infobox-2 {
padding:10px;
margin-top: 10px;
margin-left:10px;
margin-bottom:10px;
margin-right:0px;
width:100%;
background: #fff;
border:1px solid #ccc;
text-align:left;
font-size:14px;
line-height:18px;
font-family:arial,verdana;
color:#555;
}

/* beginn NAVI UNTERN ############################# */
/* beginn DESKTOP Container */
.m-container2 {
min-width:300px;
background:#fff;
margin-left:15px;
margin-right:15px;
border: 0px solid #aaa;
}
.m-links2{
width: 50%;
border: 0px solid #fff;
}
.m-rechts2{
float: right;
width: 50%;
border: 0px solid #fff;
}
.m-navi-unten2{
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
display:block;
min-width: 130px;
padding: 5px;
border: 1px solid #ddd;
border-radius:0px;
background-color:#eee;
font-size: 14px;
font-weight: normal;
font-family: arial,verdana;
color:#555;
text-decoration: none;
text-align:left;
}
.m-navi-unten2:hover{
background-color:#fff7cc;
text-decoration: underline;
}
/* ende Navi-Unten-Mobil-2 */


/* beginn MOBIL Container */
.mobil-container2 {
min-width:300px;
background:#fff;
margin:0 auto;
border: 0px solid #aaa;
}
.mobil-links2{
width: 100%;
border: 0px solid #fff;
}
.mobil-navi-unten2{
margin-bottom:5px;
display:block;
min-width: 300px;
padding: 5px;
border: 1px solid #ddd;
border-radius:0px;
background-color:#eee;
font-size: 14px;
font-weight: normal;
font-family: arial,verdana;
color:#555;
text-decoration: none;
text-align:left;
}
.mobil-navi-unten2:hover{
background-color:#fff7cc;
text-decoration: underline;
}
/* ende MOBIL Container */
/* ende NAVI UNTERN ############################# */

/* beginn 3 nebeneinander ############################# */
* {
box-sizing: border-box;
}
.row::after {
content: "";
clear: both;
display: block;
}
[class*="col-"] {
float: left;
padding: 2px;
}
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 480px) {
/* For smartphone: */
.col-sm-1 {width: 8.33%;}
.col-sm-2 {width: 16.66%;}
.col-sm-33 {width: 20%;}
.col-sm-3 {width: 25%;}
.col-sm-4 {width: 33.33%;}
.col-sm-5 {width: 41.66%;}
.col-sm-6 {width: 50%;}
.col-sm-7 {width: 58.33%;}
.col-sm-8 {width: 66.66%;}
.col-sm-9 {width: 75%;}
.col-sm-10 {width: 83.33%;}
.col-sm-11 {width: 91.66%;}
.col-sm-12 {width: 100%;}
}
@media only screen and (min-width: 600px) {
/* For tablets: */
.col-m-1 {width: 8.33%;}
.col-m-2 {width: 16.66%;}
.col-m-33 {width: 20%;}
.col-m-3 {width: 25%;}
.col-m-4 {width: 33.33%;}
.col-m-5 {width: 41.66%;}
.col-m-6 {width: 50%;}
.col-m-7 {width: 58.33%;}
.col-m-8 {width: 66.66%;}
.col-m-9 {width: 75%;}
.col-m-10 {width: 83.33%;}
.col-m-11 {width: 91.66%;}
.col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-33 {width: 20%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
}
@media only screen and (min-width: 1024px) {
/* For Rest: */
.col-r-1 {width: 8.33%;}
.col-r-2 {width: 16.66%;}
.col-r-33 {width: 20%;}
.col-r-3 {width: 25%;}
.col-r-4 {width: 33.33%;}
.col-r-5 {width: 41.66%;}
.col-r-6 {width: 50%;}
.col-r-7 {width: 58.33%;}
.col-r-8 {width: 66.66%;}
.col-r-9 {width: 75%;}
.col-r-10 {width: 83.33%;}
.col-r-11 {width: 91.66%;}
.col-r-12 {width: 100%;}
}
/* ende 3 nebeneinander ############################# */

.columne-290-2 {
margin-top: 20px;
-webkit-columns: 250px 4;
-moz-columns: 250px 4;
columns: 250px 4;
}

.columne-250 {
margin-top: 20px;
margin-bottom: 20px;
padding-top:10px;
-webkit-columns: 250px 4;
-moz-columns: 250px 4;
columns: 250px 4;
}

.columne-300 {
column-width: 300px;
column-gap: 16px;
}

.columne-450 {
column-width: 450px;
column-gap: 16px;
}

.sonjas-foto {
padding-top:40px;
padding-left:30px;
}
@media all and (max-width: 768px) { .sonjas-foto {display:none;} }

/* Beginn Accordion Menue */
/* Style the buttons that are used to open and close the accordion panel */
button.accordion {
background-color: #eee;
font-size:16px;
font-weight: normal;
color: #000;
cursor: pointer;
padding: 10px;
width: 100%;
text-align: left;
border: none;
border-bottom:1px solid #ddd;
outline: none;
transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
background-color: #fff7cc;
text-decoration: none;
color: #000;
}
@media all and (min-width: 769px) { .accordion {display:none;} }

/* beginn Accordion Menue ################# */
div.panel {
padding: 0;
background-color: white;
display: none;
}
/* Ende Accordion Menue ################# */

.linkform12 {
font-size:12px;
color:blue;
text-decoration: none;
}
.linkform12:hover {
text-decoration: underline;
}

.linkform1 {
color:blue;
text-decoration: none;
}
.linkform1:hover {
text-decoration: underline;
}
.linkform2 {
color:#555;
text-decoration: none;
}
.ueberschrift-gross {
font-size : 30px;
line-height : 35px;
font-weight: normal;
font-family: arial,verdana;
color:#753031;
margin-top:20px;
margin-bottom:10px;
}
@media all and (max-width: 768px) { .ueberschrift-gross {display:none;} }

.ueberschrift-klein {
font-size : 26px;
line-height : 30px;
font-weight: normal;
font-family: arial,verdana;
color:#753031;
margin-top:20px;
margin-bottom:10px;
}
@media all and (min-width: 769px) { .ueberschrift-klein {display:none;} }


ul.kreis {list-style-type: circle;}
ul.quadrat {list-style-type: square;}
ul.zahl {list-style-type:decimal;}
ul.buchstabe-gross {list-style-type:upper-alpha;}
ul.buchstabe-klein {list-style-type: lower-alpha;}

/* BEGINN social media buttons ################# */
.pe {
padding: 5px;
font-size: 12px;
font-family: arial,verdana;
width: 110px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
}
.pe:hover {
opacity: 0.7;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.pe-facebook {
background: #008DEF;
color: white;
}
.pe-twitter {
background: #27A8E2;
color: white;
}
.pe-google {
background: #D21919;
color: white;
}
/* ENDE social media buttons ################# */

.info-kasten-innen {
border: 1px solid #fff;
height:135px;
width:100%;
overflow: hidden;
text-overflow:ellipsis;
}

/* Beginn NEUER BEITRAG ################# */
.neuer-beitrag{
width:150px;
background-color:#971111;
color:#fff;
padding:5px;
text-align:center;
}
.neuer{
color:#fff;
font-weight: bold;
}
/* Ende NEUER BEITRAG ################# */

/* beginn Kontakformular ####################################### */
.formfelder {
font-size:16px;
width:100%;
border:2px solid #ccc;
padding:10px 10px;
margin:3px 0;
box-sizing:border-box;
}
.spamzahl {
font-size:16px;
border:2px solid #ccc;
padding:10px 10px;
margin:3px 0;
box-sizing:border-box;
}
.absenden {
font-size:16px;
padding:10px;
}
.fehlerhinweis {
font-weight:bold;
background:#eee;
padding:10px;
color:red;
border:0px solid #aaa;
}
.fehlerquellen {
text-align:left;
font-weight:normal;
font-style:italic;
background:#eee;
padding:10px;
border:0px solid #aaa;
}
.verschickt {
text-align:center;
font-weight:bold;
background:#eee;
padding:10px;
border:0px solid #aaa;
}
/* ende Kontakformular ####################################### */

ol li {
border:0px solid #ccc;
}

/* BEGINN PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT */
@media print {
p {
font-family : verdana, arial, sans-serif;
font-size : 14px;
}
ul {
font-family : verdana, arial, sans-serif;
font-size : 14px;
}
ol {
font-family : verdana, arial, sans-serif;
font-size : 14px;
}
a {
color : blue !important ;
text-decoration : underline !important ;
}
}

@media print {
#noprint-menu {
display : none;
}

.noprint-menu {
display : none;
}
#noprint-diverse-1 {
display : none;
}
.noprint-diverse-1 {
display : none;
}
#noprint-diverse-2 {
display : none;
}
#noprint-diverse-3 {
display : none;
}
#noprint-infobox {
display : none;
}
#noprint-1 {
display : none;
}
#noprint-2 {
display : none;
}
#noprint-3 {
display : none;
}
#noprint-4 {
display : none;
}
#noprint-5 {
display : none;
}
#noprint-6 {
display : none;
}
#noprint-7 {
display : none;
}
#noprint-8 {
display : none;
}
#noprint-9 {
display : none;
}
#noprint-10 {
display : none;
}
#noprint-11 {
display : none;
}
#noprint-12 {
display : none;
}
#noprint-13 {
display : none;
}
#noprint-14 {
display : none;
}
#noprint-15 {
display : none;
}
#noprint-16 {
display : none;
}
#noprint-social {
display : none;
}
#noprint-sidebar2 {
display : none;
}
#noprint-footer {
display : none;
}
}
/* ENDE PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT PRINT */