html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,cite,em,img,q,small,strong,sub,sup,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tr,th,td,article,aside,canvas,details,footer,header,menu,nav,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

a, a:active {font-family: 'Source Sans Pro', sans-serif;
text-decoration:none;
color: #154194;}
a:before{content:"\002039";}
a:after{content:"\00203A";}
a:hover  {color: #000000; }
.logo a:before, .menu a:before, a.nix:before,
.logo a:after, .menu a:after,a.nix:after{ content:""; }

.floatStop{clear:both;}
img{max-width:100%;}

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 100%;
  background: #ffffff; }

h1, h2, h3 {
  font-family: 'Julius Sans One', sans-serif;
  color: #154194;
  font-weight: lighter;}
h4, h5, h6{
  font-family:"Source Sans Pro", sans-serif;
  color: #154194;
  font-weight: 300}

/* TITEL */
.Titel h1
 {  font-size: 2.8em;
 color: #154194;
 font-family: 'Julius Sans One', sans-serif; }

 sup
 {  font-family: inherit;
 font-size: 40%;
 vertical-align: super}

 .SpaltenBox a h2 {margin: 1.0em 0 1.0em 0;  }
 .spalte h3 {padding-top: 1.0em;
  line-height: 1.4em }

.umbruch{
  margin:0 auto;
  width:80%;}

.KopfBox{background: #FFFFFF;}

.Kopf{ padding: 2%;}

.logo{float: left;}

.menumini
 {   display: none }

.menu {float: right;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;}

.menu > ul > li {
  	display:inline-block;
 	position: relative; }

.menu > ul > li > a {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  display: block;
  font-size: 16px;
  color:  #B0B0B0;
  line-height: 1.8em;
  padding: 14px 20px;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;}

.menu > ul > li > a:hover {  color: #000000;}
.menu > ul > li:hover > ul {
  opacity: 1;
  top: 65px;
  visibility: visible;}
.menu ul ul a:hover { background-color: #F5F2F0;}
.menu ul ul > li:hover > ul {
  opacity: 1;
  left: 190px;
  visibility: visible;}

.menu ul ul a:hover {
  background: #FFFFFF;
  color: #000000; }


.ContentBox{   background: #ffffff;}
.spaltensatz{
  display: block;
  float:left;
  margin-left: 3%;   }

.spaltensatz:first-child { margin-left: 0; }
.spalte { width: 30.333%;}


.SpaltenBox h2 {
  color: #154194;
  margin-top: 1.8em;
  margin-bottom: 0em;
  font-size: 1.7em;
  font-weight: normal;
  line-height: 1.2em;
text-align: center !important;}

.SpaltenBox h2 a:hover{ color: #474747; }
.SpaltenBox p{text-align: center !important;}



.spalte a h2{
  color: #154194;
  margin-top: 1.8em;
  margin-bottom: 0.4em;
  font-size: 1.7em;
  font-weight: normal;
  line-height: 1.4em;
}

.spalte h2:hover{ color: #474747; }
.spalte p,
.spalte li {
  color: #474747;
  line-height: 1.4em;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.2em;
  font-weight: 400;
text-align: left !important; }

 .spalte p  { margin-top: 0.7em; }

.spalte li
 {list-style-type: square; list-style-position: outside;
 margin-left: 1.1em }

 .spalte em {font-style: italic}

.achtsamkeit {color:#154194;
font-family: 'Source Sans Pro', sans-serif;  }

 .spalte h3
 {margin: 1.0em 0 0.4em 0;
  font-size: 1.3em;
  color: #154194}

.minor {font-size: 80%;}

/* TITEL */
.Titel{
  padding: 1% 1% ;
  background-color: #F5F2F0;  }


.footer_box .umbruch {border-top: 6px solid #F5F2F0 ;
margin-top: 3.0em;   }

.footer  {
 padding: 0.5em 0;
 float: left;  }

 .footer_2 {
 padding: 0.5em 0 ;
  width: 66%;
 float: right;}

.footer_2 h3 {  font-size: 1.1em}

.footer p, .footer_2 p
 { font-size: 1.0em;
 line-height: 1.1em;}

.footer_2 p:last-child
 {  padding-bottom: 1.0em}

 .TheEndMyFriend
 { border-top: 20px solid #F5F2F0;
 padding-bottom: 3.0em}

@media only screen and (max-width: 1366px)
{
  umbruch{width:95%;  }
}

@media only screen and (max-width: 1280px)
{
  .umbruch{    width:95%;  }
  .menu > ul > li > a { padding: 14px 16px;}
}

@media only screen and (max-width: 1024px)
{
  .umbruch{ width:95%;}
  .menu > ul > li > a { padding: 14px 10px; }
  .spalte h2 {font-size: 1.5em;   }
}

@media only screen and (max-width: 800px)
{
  .umbruch{ width:95%;  }
  .logo {
    text-align:left;
    float: left;
    width: 275px;}
  .menu {
    float: right;
    text-align:left  }
  .menu {display: block;  }

  .footer, .footer_2 {float: none;}
}

@media only screen and (max-width: 640px)
{
  .umbruch{width:95%;  }
  .spalte { width: 99.333%; }
  .spaltensatz { margin-left: 0%; }

  .spalte p:last-child,
  .spalte ul:last-child li:last-child {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #154194 }

    .NoKids
 {padding-bottom: 0.0em;
  border-bottom: 0px solid #fff !important;}

   .footer, .footer_2 { float: none; }
}

@media only screen and (max-width: 480px)
{
  .umbruch{width:95%;}
  .menu {display: none;}
  .menumini
 {display: block;
 font-size: 1.0em;
 padding-bottom: 1.0em ;
 width: 165px;
 float: right;  }

 .menumini li
 { text-align:right}

  .spalte {
    width: 99.333%;
    margin-top: 4%;}
  .spalte h2 {margin: 0;}
  .spaltensatz {margin-left: 0%;}

  .spalte p:last-child,
  .spalte ul:last-child li:last-child {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #B0B0B0; }

    .NoKids
 {padding-bottom: 0.0em;
  border-bottom: 0px solid #fff !important;}

  .footer, .footer_2 {float: none;}
}

@media only screen and (max-width: 320px)
{
  .Titel h1  {  font-size: 2.0em; }
  .umbruch{width:95%;}
  .menu {display: none;}
  .menumini
    {display: block;
    font-size: 1.0em;
    padding-bottom: 1.0em ; }

 .menumini li
    { text-align:right;}

  .spalte p:last-child,
  .spalte ul:last-child li:last-child {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #B0B0B0 }

.NoKids
 {padding-bottom: 0.0em;
  border-bottom: 0px solid #fff !important;}

}

h1.dsgvo{font-size: 2.0em !important;}

/*
Blau:       #154194
Balken-HTG hellgrau-beige:  #F5F2F0
Grau:       #474747
*/