@import url("slicknav.css");

body {
font-family: 'Lucida Sans', 'Lucida Grande', Arial, sans-serif;
margin:0;
padding:0;
background: #f0efef;
}

h2 {
margin:0;
padding: 0;
color:#8a1002;
padding-bottom: 10px;
font-size: 1.6em;
line-height: 150%;
    font-weight: 400;
}

h3 {
margin:0;
padding: 0;
color:#8a1002;
padding-bottom: 0px;
font-size: 1.2em;
line-height: 150%;
}

h5 {
margin:0;
padding: 0;
color:#8a1002;
font-weight: 400;
    font-size: 0.9em;
    line-height: 150%;
}

#home, #PSM, #ziele, #werte, #portrait {
    padding-top: 70px;
    #height: 100vh
}

#home schatten_content, PSM schatten_content {

    margin-top:-12px;
}

#info6 {
    padding-top: 90px;
}

p, li {
line-height: 150%;
    font-size: 0.9em;
}

a {
color:#8a1002;
text-decoration: none;
}

#kopf {
        
display: block;
width:100%;
    max-width:1200px;
background: #fff;
   margin:0 auto;
}


#header {
position:fixed;
width:100%;
max-width:1200px;
padding-top: 30px;
    background: #fff;
     z-index: 99999;
    height:70px;
}

.logo {
display: inline-block;
width:48%;
max-width: 600px;
    padding-left: 2%;
vertical-align: top;
}

.telefon {
display: inline-block;
width:70%;
max-width: 740px;
vertical-align: top;
text-align: right;
float:right;
padding-top: 10px;
color: #88B20B;
font-size: 0.9em;
}
.telefon a{
text-decoration: none;
color: #88B20B;
}

#wrap {
width:100%;
max-width:1200px;
margin:0 auto;
    background: #fff;
}

#headerbild {
display: block;
    width:100%;
max-width:1200px;
margin:0;
#background: url("../bilder/schatten.png");
#background-repeat: no-repeat;
height:auto;
   #background: no-repeat center/100% url("../bilder/schatten.png");
    z-index: 999;
}

#headerbild img{
        width:100%;
max-width:1200px;
    height:auto;
}

#headerbild .ce-bodytext img {
width:200px;
}

.slider {
    padding-bottom: 33px;
 #background: no-repeat bottom/100% url("../bilder/schatten.png");
    
}

.slider_text {
    position: relative;
    padding-bottom: 33px;
 #background: no-repeat bottom/100% url("../bilder/schatten.png");
    
}

.slider_text .ce-bodytext{position: absolute;top: 120px;left:20px;}
.slider_text .ce-bodytext p{font-size: 1.6em;}

.slider_text .ce-bodytext h3{font-size: 1.6em;line-height:170%;font-weight: 300;padding-top:25px;padding-left: 25px;}

.content {
position:relative;
    
}

.content_grau {
position:relative;
  background: #cccccc;  
    width:96%;
    max-width:600px;
    margin:0 auto;
    margin-top: -30px;
}

.schatten_content {
    display: block;
    position: absolute;
    top:0;
    left:0;
    display: block;
    width:100%;
    max-width:1200px;
    margin-top:-2px;
z-index: 999;}

.schatten_content img {
width:100%;
    max-width:1200px;
}

.schatten_content1 {
    display: block;
    position: absolute;
    top:10px;
    left:0;
    display: block;
    width:100%;
    max-width:1200px;
    margin-top:-2px;
z-index: 999;}

.schatten_content_oben {
    display: block;
    position: fixed;
    top:90px;
    width:100%;
    max-width:1200px;
    height:30px;
    padding-top:30px;
    background: no-repeat center/100% url("../bilder/schatten.png");
z-index: 10000;}

.schatten_content_unten {
    display: block;
    width:100%;
    max-width:1200px;
    height:30px;
    padding-top:0px;
    background: no-repeat center/100% url("../bilder/schatten.png");
z-index: 100;}


#textfeld {
margin:0;
padding:20px;
font-size: 0.9em;
padding-bottom: 30px;
    
}

#textfeld_grau {
    position: relative;
margin-top:-42px;
    z-index: 99;
     
}

#home #textfeld_grau, #PSM #textfeld_grau {
margin-top:-52px;  
}

.content_grau {
position:relative;  
    width:96%;
    max-width:640px;
    margin:0 auto;
    margin-top: -40px;
    background: #eae8e8;
    padding-top: 30px;
    padding-bottom: 30px;
}

.content_4_sp {
position:relative;  
    width:100%;
    max-width:1200px;
    display: flex;
    margin:0 auto;
    margin-top: 10px;
    background: #eae8e8;
}

.content_info {
position:relative;  
    width:100%;
    max-width:1200px;
    display: flex;
    margin:0 auto;
    margin-top: -12px;
    background: #fff;
   
}

.content_4_sp h3{padding-top: 25px;}
.ziele_head h2 {padding:25px 20px;line-height: 150%;}

.spalte1, .spalte3 {display: inline-block; width:25%;background: #fff;padding: 20px;}

.spalte2, .spalte4 {display: inline-block; width:25%;padding: 20px;}

.psm_spalte1 {display: inline-block; width:25%;background: #fff;padding: 20px;}
.psm_spalte2 {display: inline-block; width:50%;padding: 20px;background: #fff;}
.psm_spalte3 {display: inline-block; width:25%;padding: 20px;}

.start_spalte1 {display: inline-block; width:50%;padding: 20px;}
.start_spalte2 {display: inline-block; width:25%;background: #fff;padding: 20px; text-align: center;font-family: 'Caveat', cursive;font-size: 1.6em;line-height: 160%;font-family: 'Nothing You Could Do', cursive;}
.start_spalte3 {position:relative; display: inline-block; width:25%;background: #fff;padding: 20px;}

.start_spalte3 .frame-layout-3 {position: absolute;top:-70px;right:0; background: no-repeat top/100% url("../bilder/bg_rot.png");color:#fff;padding: 20px;font-size: 1.3em;z-index:1001;}

.start_spalte3 .frame-layout-3 h1 {
    padding: 0;
    margin: 0;
    padding-top: 10px;
font-size: 1.6em;
    font-weight: 300;
}

.start_spalte3 .frame-layout-3 h2 {
margin:0;
padding: 0;
color:#fff;
font-size: 1.3em;
    padding-top: 5px;
line-height: 150%;
    font-weight: 300;
}

.start_spalte3 .frame-layout-3 a {
color:#fff;
}

.info_rot {position:relative; display: inline-block; width:25%;}
.content_info .info_rot .frame-layout-3{margin-top:0; margin-left:-20px; background: no-repeat top/100% url("../bilder/bg_rot.png");color:#fff;padding: 20px;padding-left: 40px; padding-bottom: 35px; font-size: 1.3em;z-index:1001;min-height: 330px;min-width: 220px;}

.info_rot .frame-layout-3 h1 {
    padding: 0;
    margin: 0;
    padding-top: 20px;
font-size: 1.6em;
    font-weight: 300;
}

.info_rot .frame-layout-3 h2 {
margin:0;
padding: 0;
color:#fff;
font-size: 1.3em;
    padding-top: 20px;
line-height: 150%;
    font-weight: 300;
}

.info_rot .frame-layout-3 p {
font-size: 1.1em;
}

.info_rot .frame-layout-3 a {
color:#fff;
}

.info_column_ex {position:relative;margin-top: -60px;}
#.content_info .frame-layout-3{position: absolute;top:0;left:-20px; background: no-repeat top/100% url("../bilder/bg_rot.png");color:#fff;padding: 20px;padding-left: 40px; padding-bottom: 35px; font-size: 1.3em;z-index:1001;min-height: 300px;min-width: 240px;clear:both;}

.content_info .frame-layout-3{margin-top:20px; margin-left:-20px; background: no-repeat top/100% url("../bilder/bg_rot.png");color:#fff;padding: 20px;padding-left: 40px; padding-bottom: 35px; font-size: 1.3em;z-index:1001;min-height: 320px;min-width: 220px;clear:both;text-align: left;}

.content_info .frame-layout-3 h1 {
    padding: 0;
    margin: 0;
    padding-top: 30px;
font-size: 1.6em;
    font-weight: 300;
}

.content_info .frame-layout-3 h2 {
margin:0;
padding: 0;
color:#fff;
font-size: 1.3em;
    padding-top: 20px;
line-height: 150%;
    font-weight: 300;
}

.multicolumnContainer .content_info .frame-layout-3 p {
    text-align: left;
font-size: 1.1em;
}

.content_info .frame-layout-3 a {
color:#fff;
}

.multicolumnContainer .kontakt p {
    text-align: left;
font-size: 0.9em;
}

#c84 {margin-top:53px;}
#c85 {margin-top:110px;}
#c42, #c43 {margin-top:158px;}

#c106, #c105 {padding-top: 120px;}
#c117, #c118 {margin-top:53px;}

.multicolumnContainer {margin-top: 35px}
 .multicolumnContainer li {width:25%;} 

.multicolumnContainer .zweispalten li.listItemFirst {width:25%;}
.zweispalten li.listItemLast {width:75%;}

.multicolumnContainer p {font-size:1em;line-height:150%;}
.multicolumnContainer .info_vier_spalten p {padding: 5px 20px;}

.multicolumnContainer h2 {
    padding: 0;
    margin: 0;
    padding-top: 20px;
font-size: 1.2em;
    font-weight: bold;
    color:#8a1002;
    text-align: left;
}

.info_oben h1 {
    padding: 0;
    margin: 0;
    padding-top: 20px;
font-size: 1.2em;
    font-weight: 500;
    color:#8a1002;
}

.info_oben h4 {
margin:0;
padding: 0;
color:#000;
font-size: 1.5em;
    padding-top: 20px;
line-height: 150%;
    font-weight: 300;
}

.info_unten h1 {
    padding: 0;
    margin: 0;
    padding-top: 20px;
font-size: 1.2em;
    font-weight: bold;
    color:#8a1002;
    text-align: left;
}

.info_oben {display: inline-block; width:75%;padding: 20px;background: #fff;min-height: 350px;}
.info_oben .frame-layout-2 {display: inline-block; width:30%;padding: 1%;vertical-align: top}
.info_unten {display: flex; width:100%;padding: 20px; padding-left: 0; text-align: justify}

.info_unten .frame-layout-1 {display: inline-block; width:25%;padding: 20px;}

.linke_spalte {display: inline-block;width:45%;padding: 0 2%;vertical-align: top;}
.rechte_spalte {display: inline-block;width:45%;padding: 0 2%;vertical-align: top;padding-top:47px;}

.nur_text {
width:96%;
    max-width: 600px;
    margin:0 auto;
    padding-top: 30px
}

#c129 h2 {padding-left: 20px;margin-top: 30px;}
#c130 h2 {display: none}
#c130 {padding-top: 15px;padding-bottom: 150px}

.form-group {width:100%;}

label {display: inline-block;width:18%;vertical-align: top;}

.input {display: inline-block;width:78%;}
.input input{width:100%;padding: 4px;margin:5px 0;}
.input textarea {width:100%;padding: 4px;margin:5px 0;height:70px;border: 1px solid #ededed;}
button.btn {background:#8a1002;color:#fff;padding: 7px 25px;border:none;margin-left: 18%;}

.ce-gallery {
text-align: center;
font-weight: bold;
padding-top: 10px;
}
.ce-gallery figcaption {
padding-top: 10px;
}
#textfeld img{
width:100%;
max-width: 300px;
min-width: 154px;
height:auto;
}

#textfeld .zertifikat img{
width:100%;
max-width: 154px;
min-width: 154px;
height:auto;
}

#footer {
    position: relative;
width:100%;
max-width:1200px;
margin:0 auto;
    background-color: #dadada;
    padding-top: 25px;
    padding-bottom: 10px;
     background: no-repeat top/100% url("../bilder/bg_footer1.png");
}

#.footer_fest {
position:fixed;
}

#footer_left {display: inline-block; width:22%;vertical-align: top;padding-left: 3%;}
#footer_middle {display: inline-block; width:24%;vertical-align: top;}
#footer_right {display: inline-block; width:49%;}
ul.footer {
width:100%;
margin:0;
padding:0;
list-style:none;
}

ul.footer li{
font-size:0.8em;
padding-top: 3px;
}

ul.footer li a{
color:#000;
}

#menubox {
display: inline-block;
width:48%;
max-width: 580px;
}

nav#menu {
display: block;
width:100%;
max-width: 1200px;
}

#menu ul {
width:100%;
max-width: 600px;
margin:0;
padding:0;
    padding-top: 20px;
list-style:none;
display: inline-block;

}

#menu ul li{
display: inline-block;
margin-right: 10px;
    padding-left: 10px;
padding-bottom: 5px;
    padding-top: 5px;
border-left:1px solid #8a1002;
}

#menu ul li:first-child{
display: inline-block;
margin-right: 10px;
    padding-left: 10px;
padding-bottom: 5px;
    padding-top: 5px;
border-left:1px solid #fff;
}

#menu ul li a{
text-decoration: none;
color: #8a1002;
font-size: 0.9em;
}

#menu ul li.active a {
color:#C30066;
}

#menu ul li ul{
    display: none;
}

/* powermail */

.tx-powermail {
line-height: 150%;
}

.tx-powermail h3 {
display: none;
}

.checkbox {
display: inline-block;
width:48%;
line-height: 190%;
}

fieldset {border:0;padding:0;margin:0;}

.powermail_fieldwrap_type_input, .powermail_fieldwrap_type_textarea {
display: inline-block;
width:48%;
margin-top: 10px;
}

.powermail_fieldwrap_type_input input, .powermail_fieldwrap_type_textarea textarea{
width:90%;
border:1px solid #C0E36D;
padding: 5px;
}

.powermail_fieldwrap_type_input label{
margin-top: 12px;
}

input[type='submit'] {
background:#C30066;
color:#fff;
font-weight: bold;
padding:5px;
border:0;
margin-top: 5px;
}
.tx-srlanguagemenu {
display: inline-block;
width:20%;
max-width: 70px;
}
.tx-srlanguagemenu .CUR {
display: none;
}

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 800px) {
    #wrap {width:100%;overflow-x: hidden; }
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
body {
overflow-x: hidden; 
}
.slider_text .ce-bodytext{position: relative;top: 0px;left:2%;}
    
    .logo {
display: block;
width:96%;
text-align: center;
        height:auto;
}

.logo img{
width:90%;
max-width: 670px;
    margin:0 auto;
    height: auto;
}
    
    .schatten_content_oben {
    display: block;
    position: absolute;
    top:auto;
    left:0;
    width:100%;
    max-width:1200px;
    height:auto;
    padding-top:5px;
    background: no-repeat center/100% url("../bilder/schatten.png");
z-index: 10;}
    
    .content_4_sp {
position:relative;  
    width:96%;
    max-width:1200px;
    display: block;
    margin:0 auto;
    margin-top: 0;
    background: #eae8e8;
}

.content_info {
position:relative;  
    width:100%;
    max-width:1200px;
    display: block;
    margin:0 auto;
    margin-top: -12px;
    background: #fff;
}
    .spalte1, .spalte3 {display: block; width:94%;margin:0 auto;padding: 3%;}
.spalte2, .spalte4 {display: block; width:94%;margin:0 auto;padding: 3%;}

.psm_spalte1 {display: block; width:92%;margin:0 auto;padding: 3%;}
.psm_spalte2 {display: block; width:92%;margin:0 auto;padding: 3%;}
.psm_spalte3 {display: block; width:92%;margin:0 auto;}

.start_spalte1 {display: block; width:92%;margin:0 auto;}
.start_spalte2 {display: block; width:94%;margin:0 auto;padding: 3% 3%;}
.start_spalte3 {display: block; width:92%;margin:0 auto;padding-left: 10px}
    
    #home, #PSM, #ziele, #werte, #portrait {
    padding-top: 10px;
}
    
        #home {
    padding-top: 0;
            margin-top:-10px;
}

#info6 {
    padding-top: 10px;
}

.start_spalte3 .frame-layout-3 {position: relative; top:auto;margin-left:0;margin-top:25px;background: no-repeat top/100% url("../bilder/bg_rot.png");color:#fff;padding: 20px;font-size: 1.3em;z-index:101;padding-top: 40px;padding-bottom: 20px;height:auto;}
    .linke_spalte {display: block;width:96%;padding: 0 2%;vertical-align: top;}
.rechte_spalte {display: block;width:96%;padding: 15px 2%;vertical-align: top;padding-top:10px;}
    
    .info_oben {display: inline-block; width:94%;padding: 10px;background: #fff;text-align: justify;min-height: auto;}
.info_unten {display: block; width:100%;padding: 10px; padding-left: 0; text-align: justify}

.info_unten .frame-layout-1 {display: inline-block; width:96%;padding: 10px;}
.info_rot {position:relative; display: inline-block; width:100%;margin:0 auto;margin-top: 30px;}
.info_rot .frame-layout-3{position: relative;top:0;left:0px; background: no-repeat top/100% url("../bilder/bg_rot.png");color:#fff;padding: 20px;padding-left: 40px; padding-bottom: 35px;padding-top: 35px; font-size: 1.3em;z-index:1001;margin:0 auto;}
    
    #footer_left {display: block; width:97%;margin:0 auto;background-color: #dadada;padding-left: 3%;}
#footer_middle {display: block; width:97%;margin:0 auto; background-color: #dadada;padding-left: 3%;}
#footer_right {display: block; width:100%;margin:0 auto; background-color: #dadada;}
    #footer_right img{width:96%;}
}

@media (max-width:1025px){
#kopf {
position:relative;
width:96%;
margin:0 auto;
}
#headerbild {
padding-top: 0px;
}
}

@media (max-width:800px){
#kopf {
position:relative;
width:96%;
margin:0 auto;
    height:auto;
}
#headerbild {
padding-top: 0px;
}

#menu ul li{
display: inline-block;
margin-right: 24px;
padding-bottom: 15px;
}

#menu ul li a{
text-decoration: none;
color: #88B20B;
font-size: 1.05em;
}
    
    .content_info .frame-layout-3{max-width:95%;margin-top: 25px;height:auto;min-height: 353px;}
        .multicolumnContainer li {width:49%;} 
    .zweispalten li.listItemLast {width:100%;}
    .content_info .frame-layout-3 h1 {
    padding-top: 40px;
}
    .slider_text .ce-bodytext{display: block; position: relative;top: 2px;left:20px;padding-bottom: 15px;padding-right: 20px}
    .slider_text .ce-bodytext p{display: inline-block:width:48%;font-size: 1em}
    .slider_text .ce-bodytext h3{font-size: 1.2em;width:90%;padding-left: 10px;}
    .slider_text .ce-bodytext br {display:none}
    
    #c106, #c105 {padding-top: 0px;}
    #c84 {margin-top:0px;}
#c85 {margin-top:0px;}
#c42, #c43 {margin-top:0px;}

#c117, #c118 {margin-top:0px;}
    
    #header {
position:relative;
width:100%;
max-width:1200px;
padding-top: 20px;
    background: #fff;
     z-index: 9;
    height:auto;
}
    #home #textfeld_grau, #PSM #textfeld_grau {
margin-top:-46px;  
}
   
#textfeld_grau {
margin-top:-46px;  
}
}

@media (max-width:640px){

h2 {
font-size: 1.2em;
padding-bottom: 7px;
}
.logo {
display: block;
width:100%;
text-align: center;
}

.logo img{
width:80%;
max-width: 270px;
}

.telefon {
display: block;
width:90%;
text-align: center;
float:none;
Margin:0 auto;
padding: 10px;
}

}

@media (max-width:480px){
    
     .content_info .frame-layout-3{max-width:95%;margin-top: 25px;height:auto;min-height: 353px;}
        .multicolumnContainer li {width:96%;margin:0 auto;} 
    
.checkbox {
display: block;
width:98%;
}

.powermail_fieldwrap_type_input, .powermail_fieldwrap_type_textarea {
display: block;
width:98%;
}

.powermail_fieldwrap_type_input input, .powermail_fieldwrap_type_textarea textarea{
width:100%;
}
    
    label {display: block;width:96%;vertical-align: top;}

.input {display: block;width:96%;}

}

.flexslider { margin: 0; background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 4px; border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2); -moz-box-shadow: 0 0px 0px rgba(0,0,0,.2); -o-box-shadow: 0 0px 0px rgba(0,0,0,.2); box-shadow: 0 0px 0px rgba(0,0,0,.2); zoom: 1; }
.tx-ws-flexslider .caption-title { font-weight: bold; }
.tx-ws-flexslider .caption-body p { margin-bottom: 0px; }
.tx-ws-flexslider .caption-text { display:none;padding: 17px; }

.flexslider .slides img { height: auto; }

@media screen and (min-width: 861px) {
  
  .slides li div.captionwrapper { display:none;position: absolute; width: 350px; top:auto; bottom: 10px; }
  .slides li div.caption span { color: #fff; display: block; }
  .slides li div.caption .captiontitle { font-size: 18px; font-weight: bold; margin-bottom: 5px; text-align: right; }
  .slides li div.caption .captiontext { font-size: 12px; line-height: 15px; }
  
  
  .tx-ws-flexslider .caption-align-left .caption-text { left: 20px; }
  .tx-ws-flexslider .caption-align-left .caption-link { left: 20px; }
  .tx-ws-flexslider .caption-align-right .caption-text { right: 20px; }
  .tx-ws-flexslider .caption-align-right .caption-link { right: 20px; }
  .tx-ws-flexslider .caption-link { position: absolute; bottom: 20px; }
  .tx-ws-flexslider .caption-text { display:none;position: absolute; width: 350px; top: 20px; background: rgba(255,255,255,0.9); }
  
  
  
  
}