@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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


button,
input,
select,
textarea,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline:0 none;
    border-radius: 0;
	-webkit-border-radius:0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select,
  textarea,
  input {
    font-size: 16px;
  }
}


* { -webkit-tap-highlight-color:transparent; }

.content img, embed, object, video {
  max-width: 100%;
  height: auto;
  width: auto;
}



nav ul{margin:0; padding:0;}
nav ul li{margin:0; padding:0; list-style:none outside;}


/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}



/* ==========================================================================
   Author's custom styles: Ajay Pulickal . riversite
   ========================================================================== */
html {/*font-size:14px;*/
-webkit-tap-highlight-color:transparent;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%; }
body{background:#faf8f9; font-family: 'Open Sans', sans-serif; font-size:19px; color:rgba(152, 29, 96, 1); overflow-x:hidden;}


/* ----- */
h1, h2, h3, h4, h5, h6{margin-top:0; font-weight:600; }
h1{font-size:32px; margin-bottom:28px;}
h2{font-size:26px; }
h3{font-size:25px; margin-bottom:0;}
h4{}

p{line-height:28px; margin:0 0 19px;}

a,
a:focus{text-decoration:none;}
*:focus{outline:0;}

b,
strong{font-weight:700;}

ul,
ol{}
li{}

img{border:0; -ms-interpolation-mode:bicubic;}

table{margin:0 0 19px; border:0; width:100%;}

/* Custom */
.pink{color:rgba(152, 29, 96, 1)/*#981d60*/; }
.gruen{color:rgba(150, 179, 63, 1)/*#96b33f*/;}

.light{font-weight:300;}
.regular{font-weight:400;}
.semibold{font-weight:600;}
.bold{font-weight:700;}


.nobreak{white-space:nowrap;}

.posTop-10{padding-top:10px;}
.posTop-20{padding-top:20px;}
.posTop-30{padding-top:30px;}
.posTop-40{padding-top:40px;}
.posTop-50{padding-top:50px;}
.posTop-60{padding-top:60px;}
.posTop-70{padding-top:70px;}
.posTop-80{padding-top:80px;}
.posTop-90{padding-top:90px;}
.posTop-100{padding-top:100px;}
.posTop-120{padding-top:120px;}
.posTop-140{padding-top:140px;}
.posTop-160{padding-top:160px;}
.posTop-180{padding-top:180px;}
.posTop-200{padding-top:200px;}
.posTop-220{padding-top:220px;}
.posTop-240{padding-top:240px;}
.posTop-260{padding-top:260px;}
.posTop-280{padding-top:280px;}
.posTop-300{padding-top:300px;}




ul.icon-blaetter{list-style:none; margin-top:0; padding:0;}
ul.icon-blaetter li{line-height:26px; text-indent:-34px; padding-left:34px;}
ul.icon-blaetter li:before{content:''; display:inline-block; width:28px; height:28px; margin:4px 6px 0px 0; background:url(/wp-content/uploads/icon-listen-blatt.png) center no-repeat;}
/*icon-listen-blatt*/

ul.icon-blaetter li .schrift22{line-height:31px;}


ul.checkboxen{list-style:none; margin-top:0; padding:0; margin-bottom:80px;}
ul.checkboxen li{line-height:26px; text-indent:-45px; padding-left:45px; margin-bottom:16px; cursor:pointer;}
ul.checkboxen li:before{content:''; display:inline-block; width:40px; height:40px; position:relative; top:10px; margin:0px 5px 0px 0; background:url(/wp-content/uploads/checkbox-unchecked.png) center no-repeat;}

ul.checkboxen li.active:before{background:url(/wp-content/uploads/checkbox-checked.png) center no-repeat;}

/*.checkbox_gross{background:url(/wp-content/uploads/checkbox-gross.png) top left no-repeat; padding-left:80px; padding-top:10px; min-height:80px;}
*/

.checkbox_gross span{position:relative; top:-15px;}



.bild-left-minus20{position:relative; left:-21px; /*margin-bottom:0;*/}

.schrift37{font-size:37px;}
.schrift23{font-size:23px; line-height:34px; font-weight:300;}

p.schrift23{margin-bottom:23px;}

.schrift22{font-size:22px; line-height:28px;}
.schrift15{font-size:15px; line-height:normal; margin-bottom:0;}
.abstand-nach-unten-0{margin-bottom:0;}
.abstand-nach-unten-2{margin-bottom:2px;}

.position-left{float:left;}
.position-right{float:right;}

.abstand-nach-links-20{margin-left:20px;}
.abstand-nach-rechts-20{margin-right:20px;}



.page{position:relative; z-index:101; width:100%; max-width:1920px; margin:0 auto; overflow-x:hidden;}
.pace-running .page{opacity:0;}
.pace-done .page{}


/* NAV - main */
#main{position:fixed; z-index:1999; left:0; width:100%; height:60px; background:#c56090; text-align:center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#website_titel{display:none; position:fixed; top:12px; left:20px; font-size:21px; color:#fff;}

#website_titel img{height:36px;}
#smartmenu{display:none; position:fixed; top:12px; right:20px; width:26px; /*height:36px;*/ z-index:3003; padding:8px 5px 5px; /*background:#fff; border:1px solid #000;*/ overflow: hidden;}
#smartmenu span{display: block;
width: 100%;
height: 3px;
border-radius: 0px;
background-color: #fff;
margin-bottom: 4px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;}

#main ul{display:inline-block; max-width:1920px;}
#main li{font-size:21px; display:inline; color:#fff; font-weight:300;}
nav#main li:after{content:"|"; margin:0 23px; position:relative; top:-1px;}
nav#main li:last-child::after {
  content: "";
  margin: 0px;
  position: relative;
  top: -1px;
}
#main li a{display:inline-block; padding:15px 5px; color:#fff;}

body.mnopen{overflow: hidden;}

.mnopen #smartmenu{display: block !important; /*right:37px;*/}
.mnopen .pos-top {
	-webkit-transform:translateY(7px) rotateZ(-45deg);
	transform:translateY(7px) rotateZ(-45deg)
}
.mnopen .pos-middle {
	opacity:0
}
.mnopen .pos-bottom {
	-webkit-transform:translateY(-7px) rotateZ(45deg);
	transform:translateY(-7px) rotateZ(45deg)
}
.mnopen #main{height:100%; background:rgba(197, 96, 144, 0.96);}
.mnopen #main ul{display:block; width:100%; height:100%;  overflow:auto; box-sizing: border-box; padding:50px 0 0 !important;}
.mnopen #main li{display:block; float:none;}
.mnopen #main li:last-child{margin-bottom:25px;}
.mnopen nav#main li:after, .mnopen nav#main li:last-child::after{display:none;}
.mnopen #main li a{display:block; max-width:60%; margin:0 auto; padding:5px;}
.mnopen #main li a:hover{zoom: 1.2;}



/* Sections */
.container{position:relative; background:#fff; width:100%; max-width:1920px; margin:0 auto;}
section{position:relative; }
/*section:first-of-type{top:59px;}*/
.sectionimage{position:relative; z-index:10; left:50%; margin-left:-960px;}
.blumen{position:absolute; top:0;  width:100%;}
.blumen .links{position:absolute; left:0; z-index:11;}
.blumen .rechts{position:absolute; right:0; z-index:11;}

/*.page-01 .sec01 .blumen .links{opacity:0;}
.page-01 .sec01 .blumen .rechts{opacity:0;}*/


.inner{position:relative; width:100%; max-width:920px; margin:0 auto; /*box-sizing:border-box;*/ padding:0 15px; /*background:red;*/}


.gradient{
background: #f6f3f3; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjZmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M4YTNhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-radial-gradient(center, ellipse cover, #f6f3f3 50%, #c8a3a5 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #f6f3f3 50%,#c8a3a5 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #f6f3f3 50%,#c8a3a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f3f3', endColorstr='#c8a3a5',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

/*.gradient */.holder{position:relative; z-index:101; padding-bottom:100px;}

.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 920px;
    margin: 40px auto;
    position: relative;
	/*max-height:600px; overflow:auto;*/
}

.white-popup-block a{color:rgba(152, 29, 96, 1); text-decoration:underline;}

/* Page Height */
.page-01 .sec01{min-height:1010px;}
	.page-01 .sec01 .inner{top:60px;}
	/*.page-01 .sec01 .bild-left-minus20{
	filter: alpha(opacity=0); / * IE 5-9* /
	opacity: 0;
	}*/

.page-01 .sec01 .blumen .rechts{z-index:18;}

.page-01 .sec01 .holder{position:absolute; z-index:16; top:0; width:100%;}

.page-01 .sec02{min-height:1255px;}
.page-01 .sec03{min-height:878px;}


.page-02 .sec01 .blumen .links{top:-280px;}
.page-02 .sec01 .blumen .rechts{top:-380px;}

.page-03 .sec01{min-height:660px;}

.page-04 .sec01 .holder,
.page-04 .sec02 .holder{position:absolute; z-index:101; top:0; width:100%;}

.page-05 .sec01 .holder{position:absolute; z-index:101; top:0; width:100%;}
.page-05 .sec02{min-height:1090px;}


.page-06 .sec01 .holder{position:absolute; z-index:101; top:0; width:100%;}
.page-06 .sec02{margin-top:-61px; padding-bottom:58px;}

.page-06 .sec03 .holder{position:absolute; z-index:101; top:0; width:100%;}

.page-07 .sec01 .holder{position:absolute; z-index:101; top:0; width:100%; padding-bottom:0;}

/* ********* */
.titel_u_logo{vertical-align:middle;}
.titel_u_logo h1{display:inline-block; /*float:left;*/ margin-right:10px; margin-bottom:20px; position:relative; top:-20px;}
.titel_u_logo img{display:inline-block; margin-bottom:20px;}
.titel_u_logo:after{clear:both; content:''; display:table;}


#vektorfrau{position:absolute; bottom:0; right:9%/*171px*/; z-index:11;}


.schraege{position:absolute; left:0; width:100%; z-index:12;}
.schraege.oben{top:0;}
.schraege.unten{bottom:0;}
.schraege img{position:relative; z-index:10; left:50%; margin-left:-960px;}


.kurzinfo{margin-top:15px;}

.col-33{display:inline-block; width:33.3333334%; float:left; /*background:red;*/}
.zitate h2{margin-bottom:10px; font-size:21px;}
.col-33 ul{margin:0 0 10px; padding-left:18px;}
.col-33 li{font-size:17px; line-height:26px; margin-bottom:6px;}
.col-33 a,
.tipps a span{font-size:18px; font-weight:700; color:#96b33f;}

.frauenbilder .col-33{text-align:center;}
.frauenbilder .col-33 img{position:relative;}
.frauenbilder .col-33:last-child img{left:-40px;}


.linie{clear:both; border-top:1px solid #981d60; position:relative;/* width:0%;*/}
.linie:before{content:''; width:5px; height:5px; background:#981d60; position:absolute; top:-3px; left:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.linie:after{content:''; width:5px; height:5px; background:#981d60; position:absolute; top:-3px; right:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.linie.num2{top:-1px;}

.zitate{/*margin-bottom:20px;*/}
.zitate div{max-width:790px; margin:0 auto; padding:60px 60px 20px;}
.zitate div:nth-child(1){background:url(/wp-content/uploads/icon-zitate-pfeil.png) top left no-repeat #fff;}
.zitate div:nth-child(2){background:url(/wp-content/uploads/icon-zitate-pfeil.png) 276px 0 no-repeat #fff;}
.zitate div:nth-child(3){background:url(/wp-content/uploads/icon-zitate-pfeil.png) top right no-repeat #fff;}
.zitate div.clearfix{padding:0;}



.kasten{position:relative; padding:50px 70px 30px;}
.kurzinfo h2{margin-bottom:4px;}

.roundcorners{position:relative; box-sizing:border-box; border:2px solid #fff; background:#faf9f8; margin-bottom:19px;
/*filter: alpha(opacity=0); /*IE 5-9* /
opacity: 0;*/

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

-webkit-box-shadow: -9px 12px 0px 0px rgba(243,228,233,1);
-moz-box-shadow: -9px 12px 0px 0px rgba(243,228,233,1);
box-shadow: -9px 12px 0px 0px rgba(243,228,233,1);
}

.kasten.animated{/*left:0px;*/
/*-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;*/
}

#holder_tipps{position:relative;}
#holder_tipps:before{display:table; content:' '; height:0px; clear:both;}

.tipps{position:relative; top:20px;}

.tipps:after{display:table; content:' '; height:0; clear:both;}
.tip{display:block; position:relative; width:290px; text-align:center; float:left; margin-right:25px; padding:5px 0 20px; }
.tip:last-child{float:right;}
.tip a{display:block}
.tip img{margin-bottom:1px;}
.tip a h3{color:rgba(152, 29, 96, 1);}
.tip:last-child{margin-right:0;}

.tip-modal{position:absolute; z-index:10; top:20px; left:0; width:100%;}
.tip-modal div{position:relative; padding:30px 45px; background-position:bottom right; background-repeat:no-repeat;  min-height:310px;}
.close{position:absolute; top:15px; right:15px; cursor:pointer; display:inline-block; width:44px; height:44px; background:url(/wp-content/uploads/icon-close.png) center no-repeat;}




/* Akkordion */
.eis{position:relative; margin:0 auto 50px; width:100%; max-width:430px;  /*width:371px; height:437px; background:url(/wp-content/uploads/bild-tipps-eis.png) center no-repeat; background-size: cover;*/}
.eis{}
.eis h1{text-align:center; position:absolute; top:108px; /*left:34px;*/ line-height:44px; width:100%;}

.holder-akk{/*margin-bottom:34px;*/ width:100%; max-width:640px; margin:0 auto 34px;}
.holder-akk.show{margin-bottom:44px;}

.akkordion{}
button.akkordion{padding:0; border:0; background:none transparent; font-size:22px; font-weight:600; text-align:center; display:block; width:100%; }
button.akkordion.active{
    /*margin-bottom:17px;*/
}
button.akkordion span{color:rgba(150, 179, 63, 1)}
div.panel{text-align:center; margin-top:17px;}
div.panel p{margin-bottom:0;}


/* Content */
.content{position:relative;}







/* Diagramm */
.diagrammkasten{padding:40px 35px 30px; min-height:540px;}
.diagramm{display:inline-block; /*width:316px; height:455px; padding-left:54px; padding-right:13px; background:url(/wp-content/uploads/bg-diagramm.png) top left no-repeat;*/ position:relative;}
.diagramm img{position:relative;}
.progress{display:block; position:absolute; top:0; width:100%; max-width:316px; right:13px; height:28px; /*margin:47px 0 104px;*/}
.progress:nth-child(2){top:46px;  }
.progress:nth-child(3){top:180px;}
.progress:nth-child(4){bottom: 115px; top: auto;}

.bar{height:28px; background:rgba(152, 29, 96, 1); width:0%; text-align:right; font-size:14px; line-height:28px;}
.bar span{display:none; color:#fff; /*padding:0 5px;*/ margin-right:5px;}

.progress:last-child{margin-bottom:0;}


.diagramm-werte{display:inline-block; vertical-align:top; float:right;}
.wert{margin:16px 0 37px;}
.prozent{font-weight:600; font-size:72px; display:block; margin-bottom:0; line-height:72px;}
.zusatz{font-size:17px;}


/* box - Überschriften */
.ueberschriftbox_1{background:url(/wp-content/uploads/ueberschriftbox_1.png) center no-repeat; width:630px; height:81px; padding-left:31px; line-height:81px; color:#fff; text-align:left; font-size:44px; font-weight:300;}
.ueberschriftbox_2{background:url(/wp-content/uploads/ueberschriftbox_2.png) center no-repeat; width:494px; height:59px; padding-left:30px; line-height:59px; color:#fff; text-align:left; color:#fff; font-size:24px; font-weight:400;}
.ueberschriftbox_3{display:inline-block; /*float:left;*/ margin-right:40px; background:url(/wp-content/uploads/ueberschriftbox_3.png) center no-repeat; width:371px; height:59px; line-height:59px; color:#fff; text-align:center; font-size:26px; font-weight:400;}
.ueberschriftbox_4{display:inline-block; background:url(/wp-content/uploads/ueberschriftbox_4.png) center no-repeat; width:229px; height:59px; line-height:59px; color:#fff; text-align:center; font-size:23px; font-weight:300;}
.ueberschriftbox_4 a{color:#fff;}


form input.btn-senden, .wpcf7-submit.btn.btn-primary{border:0; margin:0; padding:0; background:url(/wp-content/uploads/btn-senden.png) center no-repeat; width:145px; height:59px; line-height:59px; color:#fff; text-align:center; font-size:23px; font-weight:300;}


form{}
form p{margin-bottom:30px;}
form label{display:block; font-size:22px; font-weight:600; margin-bottom:10px;}
form input,
form textarea{border:1px solid rgba(152, 29, 96, 1); box-sizing:border-box; padding:10px; width:90%;}
form textarea{height:220px; resize: none;}



.tx-powermail h3, .tx-powermail legend {display: none;}



#footer{position:relative; background:#e7c3d3; min-height:100px; font-size:17px; padding-bottom: 42px; }
#footer p{margin:0; padding-top:33px;}
#footer a{color:rgba(152, 29, 96, 1);}
#footer a:hover{color:#fff;}
#footer span{margin:0 20px;}

.exeltis{display:inline; position:absolute; top:11px; right:50px;}

@media only screen and (max-width: 1680px) {
#vektorfrau{right:0%;}
}

@media only screen and (max-width: 1440px) {
	#vektorfrau{width:40%; right:0%;}
	#vektorfrau img{width:100%;}
}



@media only screen and (max-width: 1280px) {
nav#main li:after, nav#main li:last-child::after{margin:0 8px;}

.blumen{display:none;}

/*#footer p{padding-top:5px;}*/
#footer span{margin:0 5px;}


.page-01 .sec01 .posTop-180 {
    padding-top: 80px;
}


}



@media only screen and (max-width: 1170px) {
body{font-size:16px;}
h1{font-size:28px; margin-bottom:28px;}
h2{font-size:24px; }
h3{font-size:21px; margin-bottom:0;}
p{line-height:26px; margin:0 0 26px;}



nav#main li:after, nav#main li:last-child::after{margin:0 3px;}


/*
.sectionimage{display:none;}

.page-04 .sec01 .holder,
.page-04 .sec02 .holder{position: relative;}
*/



}

.onlydesktop{display:block;}

.mobil,
.onlymobil{display:none;}


@media only screen and (max-width: 1000px) {
body, .page{overflow:inherit;}

.schraege{position:relative; width:100%; overflow-x:hidden;}

#website_titel{display:inline-block;}
#smartmenu{display:block;}
#main ul{display:none;}

.desktop,
.onlydesktop{display:none;}
.mobil,
.onlymobil{display:block;}


form input,
form textarea{border:1px solid rgba(152, 29, 96, 1); box-sizing:border-box; padding:10px; width:100%;}

#footer{text-align:center; padding-left:20px; padding-right:20px;}
.exeltis{display:block; position:relative; top:auto; right:auto; text-align:center; padding:20px 0;}

/* ************* */
.holder{padding-bottom:40px;}

.page-01 .sec01,
.page-01 .sec02,
.page-01 .sec03,
.page-03 .sec01,
.page-05 .sec02{min-height:1px; }


.page-01 .sec01 .holder,
.page-04 .sec01 .holder,
.page-04 .sec02 .holder,
.page-05 .sec01 .holder,
.page-06 .sec01 .holder,
.page-06 .sec03 .holder,
.page-07 .sec01 .holder{position:relative; z-index:101; top:0; width:100%; padding-bottom:30px;}

.page-01 .sec01 .inner{top:0; padding-top:60px;}
.page-06 .sec02{margin-top:0; padding-bottom:0;}
/* ************* */

.posTop-10{padding-top:10px;}
.posTop-20{padding-top:20px;}
.posTop-30{padding-top:30px;}
.posTop-40{padding-top:40px;}
.posTop-50{padding-top:50px;}
.posTop-60{padding-top:60px;}
.posTop-70{padding-top:70px;}
.posTop-80{padding-top:80px;}
.posTop-90{padding-top:90px;}

.posTop-100,
.posTop-120,
.posTop-140,
.posTop-160,
.posTop-180,
.posTop-200,
.posTop-220,
.posTop-240,
.posTop-260,
.posTop-280,
.posTop-300{padding-top:30px;}

.schrift37{font-size:27px;}
.schrift23{font-size:21px; line-height:28px;}
.schrift22{font-size:18px; line-height:26px;}




/* ************* */

.inner{padding:0; box-sizing:border-box;}
.content{padding:0 20px;}

/* Frauen */
.mobil .linie{max-width:840px; margin:0 auto;}
.col-33{display:inline-block; width:100%; /*max-width:300px; margin:0 auto;*/ float:none;}
.zitate div{display:block; padding: 60px 20px 20px; background: url(/wp-content/uploads/icon-zitate-pfeil.png) top center no-repeat #fff !important;}

.kurzinfo{margin-bottom:40px;}
.kurzinfo .col-33{display:block; width:100%; max-width:300px; margin:0 auto; }


/* Tipps */
.page-04{z-index:1001;}
.hintergrundgrau{background:#b3b7c1; padding-bottom:30px;}
.tip{width:30.3333334%; margin-right:4.5%;}
/*.tip-modal{position:relative; top:0;}*/
.tip a img{max-width:80%;}





/* Diagramm */
.diagrammkasten {
    padding: 40px 35px 30px;
    min-height: 1px;
}
.diagrammkasten:after{clear:both; content:''; display:table;}
.diagramm{display:inline-block; /*padding-left:54px; padding-right:13px; background:url(/wp-content/uploads/bg-diagramm.png) top left no-repeat;*/ position:relative;}
.diagramm-werte{position:absolute; left:100px; top:10px; width:80%;}
.wert{margin:0px 0 65px;}

.prozent{font-size:46px; line-height:46px;}


/*.eis{width:80%; height:auto;}*/


.blumen,
.sectionimage{display:none;}


.ueberschriftbox_3{margin-bottom:20px;}



}


@media only screen and (max-width: 768px) {
.page-01 .sec02 td{display:block; width:100%;}

.page-06 .sec02,
.tip-modal .roundcorners{background-image:none !important;}
.tip-modal li br{visibility:hidden; display:none;}

#vektorfrau{display:none;}

.titel_u_logo h1{top:0px;}

.ueberschriftbox_1{display:inline-block; background:rgba(152, 29, 96, 1); width:auto; height:auto; padding:10px 20px; line-height:normal; color:#fff; text-align:left; font-size:28px;}
.ueberschriftbox_2{display:inline-block; background:rgba(152, 29, 96, 1); width:auto; height:auto; padding:10px 20px; line-height:normal; color:#fff; text-align:left; font-size:26px; }
.ueberschriftbox_3{display:inline-block; margin-right:50px; text-align:left; background:rgba(152, 29, 96, 1); width:auto; height:auto; padding:10px 20px; line-height:normal; color:#fff; text-align:left; font-size:24px; }


.ueberschriftbox_1, .ueberschriftbox_2,
.ueberschriftbox_3{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.kasten{position:relative; padding:20px;}
td{vertical-align:top;}

.tip-modal div{padding:20px;}

/* Diagramm
.prozent,
.zusatz{display:inline-block;}
*/
.wert{margin:12px 0 0;}
.prozent{margin-bottom:30px;}
.zusatz{margin-bottom:30px;}

.wert{}
.wert:first-child {}
.wert:last-child {}

}





@media only screen and (max-width: 600px) {
body{font-size:14px;}

h1, h2, h3{overflow: auto;}
h1{font-size:28px; margin-bottom:28px;}
h2{font-size:24px; }
h3{font-size:22px; margin-bottom:0;}
p{line-height:24px; margin:0 0 24px;}



/*.tip{width:100%; margin:0 0 30px 0;}*/
.tip{width:47%; margin:0 0 40px 6%;}
.tip:first-child {
    margin-left:0;
}
.tip:last-child {
    float: left; margin-left:0;
}
.tip a h3{font-size:18;}
.tipps a span {font-size:14px;}

section{clear:both;}
section:after{clear:both; display:table; content:'';}
/*.mobil .linie{max-width:100%; margin:0 auto;}*/

/* Diagramm
.diagramm-werte{position:absolute; left:20%; top:0; width:80%;}
.diagramm{width:100%; display:none;}*/

.diagramm{display:none;}
.diagramm-werte{position:relative; left:0; top:0; width:100%;}
.wert{margin:0px 0 15px;}
.prozent{margin-bottom:0px;}
.zusatz{margin-bottom:0px;}

.eis h1{top:26%; font-size:24px; line-height:normal;}

.broschuere td{display:block; height:auto; margin-bottom:20px;}

button.akkordion{font-size:18px;}
button.akkordion span{display:block; font-size: 22px;}


ul.icon-blaetter li .schrift22{line-height:26px;}
.schrift23{font-size:18px; line-height:26px;}
.schrift22{font-size:18px; line-height:26px;}


ul.checkboxen li{margin-bottom:0px;}

.page-01 .sec01 .content br,
.checkbox_gross br,
ul.checkboxen li br{visibility:hidden; display:none;}
}


@media only screen and (max-width: 480px) {
.eis h1{top:26%; font-size:18px;}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}







@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

div.wpcf7-response-output {
  margin: 2em 0em 1em !important;
  width: 85.5%;
}

.wpcf7-validation-errors {
    display: none !important;
}

.cookie-notice-container {
  width: 97% !important;;
}