/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
  html {
      position: relative;
      min-height: 100%;
      height: 100%;
  }
  body{
		margin: 0;
		padding: 0;
		background-color: #e3e3e1;
    height: 100%;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 400;
    font-size: 15px;
		color: #3d3d3b;
    letter-spacing: 0.7px;
    /*overflow-x:hidden;*/

/*overflow-y:scroll;    */
		}
  h1{
    color: #0000ff;
    line-height: 40px;
    font-size: 36px;
    font-weight: normal;
    letter-spacing: 2px;
    margin-bottom: 17px;
  }
  h1.beratung{
    margin-bottom: 5px;
  }
  h2{
    font-size: 15px;
    /*color: #0000ff;*/
    line-height: 22px;
    font-weight: bold;
    /*margin-bottom: 5px;*/
  }
  h2.beratung{
    font-size: 20px;
    color: #0000ff;
    line-height: 22px;
    font-weight: normal;
    margin-bottom: 20px;
  }
  div{
    text-align: left;
  }
  span.bigger{
    font-size: 30px;
    line-height: 38px;
  }
  .clear{
    clear: both;
  }
  .invisible{
    display: none;
  }
  .invisible_imp{
    display: none !important;
  }
  .align_r{
    text-align: right;
  }
  .button_r, .button_next_last{
    display: inline-block;
    text-align: center;
    float: left;
    width: 25px;
    height: 25px;
    margin: 0px 10px 0px 0px;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 40px;
    line-height: 20px;
    color: #bbbbbb;
  }
  .button_next_last{
    font-size: 20px;
  }
  .button_next_last:hover{
    color: #0000ff;
  }
  #blue_stripe{
    width: 100%;
    background-color: #F6F300;
    position: absolute;
    height: 3px;
    top: 110px;
    left: 0px;
    /*z-index: -10;*/
    text-align: center;
    background-image: url(../img/stripe.png);
  }
  #middle_background{
    width: 100%;
    background-color: #7D0C34;
    position: absolute;
    height: 42vw;
    top: 120px;
    left: 0px;
    z-index: -11;
    text-align: center;
  }
  #navi{
    /*position: absolute;*/
    margin-top: 0px;
    text-align: right;
    }
  #navi_wrapper{
    position: relative;
    display: inline-block;
    text-align: right;
    z-index: 2;
    /*overflow: hidden;*/
    }
  .navi_block{
    display: inline-block;
  }
  .button_r.underline{
    color: #0000ff;
    text-decoration: none;
  }
  #block_wrapper{
    display: inline-block;
    z-index: 2;
  }
  #block_wrapper div{
    width: 118px;
    height: 12px;
    display: inline-block;
    text-align: center;
    line-height: 19px;
    font-size: 16px;
    /*background-color: #D29049;*/
    margin: 0;
    padding: 4px 0px 4px 0px;
  }
  #navi div#navi_bumper{
    background-color: transparent;
    width: 85px;
    height: 100%;

    }
  #navi a{
    color: #3d3d3b;
    text-decoration: none;
    }
	#wrapper{
    box-sizing: border-box;
    position: relative;
		margin: 0px auto;
    padding-top: 25px;
		width: 1280px;
    height: 100%;
		}
  #blue_stripe .horizontal_wrapper{
    top: -110px;
    height: 103px;
    position: relative;
    z-index: 1;
		margin: 0px auto;
		width: 1280px;
    padding-top: 7px;
    background-color: #ffffff;
  }
  #logo{
    position: absolute;
    bottom: 0px;
    left: 1px;
    margin-left: 30px;
  }
  #logo img{
    margin-top: 4px;
  }
  #logo_top{
    height: 62px;
    background-image: url(../img/logo.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;

  }
  #logo_line{
    height: 1px;
    background-color: #989897;
  }
  #logo_bottom{
    height: 36px;
    background-image: url(../img/logo.png);
    background-position: 0px -63px;
    background-repeat: no-repeat;
  }
  #logo_wrapper{
    position: relative;
    bottom: 0px;
    left: 6px;
    width: 305px;
  }
  #kb_name{
    color: #787875;
    height: 49px;
    position: relative;
    padding-right: 35px;
    font-size: 31px;
    line-height: 40px;
    text-align: right;
    letter-spacing:5px;
    z-index: 2;
  }
  #kb_underline{
    z-index: 2;
    height: 1px;
    width: 860px;
    position: absolute;
    top: 48px;
    left: -85px;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(188,188,186,1) 10%, rgba(120,120,117,1) 20%, rgba(120,120,117,1) 80%, rgba(188,188,186,1) 90%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(188,188,186,1)), color-stop(20%,rgba(120,120,117,1)), color-stop(80%,rgba(120,120,117,1)), color-stop(90%,rgba(188,188,186,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(188,188,186,1) 10%,rgba(120,120,117,1) 20%,rgba(120,120,117,1) 80%,rgba(188,188,186,1) 90%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(188,188,186,1) 10%,rgba(120,120,117,1) 20%,rgba(120,120,117,1) 80%,rgba(188,188,186,1) 90%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(188,188,186,1) 10%,rgba(120,120,117,1) 20%,rgba(120,120,117,1) 80%,rgba(188,188,186,1) 90%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(188,188,186,1) 10%,rgba(120,120,117,1) 20%,rgba(120,120,117,1) 80%,rgba(188,188,186,1) 90%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
  }
  #footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #aeaeac;
    height: 28px;
    z-index: 10;
  }

  #footer_right{
    float:right;
    position: relative;
    right: 30px;
    top: -21px;
  }
  #footer_right a{
		color: #3d3d3b;
  }
  #footer .horizontal_wrapper{
		margin: 0px auto;
    height: 3px;
		width: 1280px;
  }
  #footer .hf_spruch{
    font-size: 40px;
    color: #ffffff;
  }
  #green_stripe {
    position: relative;
    height: 3px;
    top: -4px;
    background-color: #009249;
    background-image: url(../img/stripe.png);
    background-repeat: repeat-x;
    /*z-index: -10;*/
  }
  #blue_stripe{
    width: 100%;
    position: absolute;
    height: 3px;
    top: 110px;
    left: 0px;
    /*z-index: -10;*/
    text-align: center;
    background-image: url(../img/stripe.png);
    background-repeat: repeat-x;
  }
  #main{
    position: relative;
    /*position: fixed;*/

    /*z-index: -1;*/
    margin-top: 17px;
    width: 1280px;
    /*height: calc(100% - 110px);*/
    min-height: calc(100% - 110px);
-webkit-box-shadow: 0px 0px 80px 7px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 80px 7px rgba(0,0,0,0.4);
box-shadow: 0px 0px 80px 7px rgba(0,0,0,0.4);
  }
  #main_left{
    position: relative;
    /*display: inline-block;*/
    display: block;
    float: left;
    width: 512px;
    height: 512px;
    background-repeat: no-repeat;
    background-size: contain;
  }
  #main_left.home{
    background-image: url(../img/klaudia_binder_boot.jpg);
  }
  #main_left.team, #main_left.kontakt{
    background-image: url(../img/main_team.jpg);
  }
  #main_left.seminare, #main_left.beratung, #main_left.coaching, #main_left.workshops, #main_left.kompetenz {
    background-image: url(../img/das-bieten-wir.jpg);
  }
  #main_left.klaudia_binder{
    background-image: url(../img/klaudia_binder.jpg);
  }
  #main_left.resonance_entry_1{
    background-image: url(../img/klaudia-binder.jpg);
  }
  #main_left.resonance_entry_3{
    background-image: url(../img/antje-barmeyer.jpg);
  }
  #main_left.resonance_entry_4{
    background-image: url(../img/sylvia-schroll-machl.jpg);
  }
  #main_left.resonance_entry_5{
    background-image: url(../img/kai-worrings.jpg);
  }
  #main_left.team_entry_1{
    background-image: url(../img/team/big/klaudia-binder.jpg);
  }
  #main_left.team_entry_2{
    background-image: url(../img/team/big/doris-mueller.jpg);
  }
  #main_left.team_entry_3{
    background-image: url(../img/team/big/antje-barmeyer.jpg);
  }
  #main_left.team_entry_4{
    background-image: url(../img/team/big/sylvia-schroll-machl.jpg);
  }
  #main_left.team_entry_6{
    background-image: url(../img/team/big/tobias-sterr.jpg);
  }
  #main_left.team_entry_5{
    background-image: url(../img/team/big/kai-worrings.jpg);
  }
  #main_left.team_entry_7{
    background-image: url(../img/team/big/jenny-von-leitner.jpg);
  }
  #main_left.referenzen{
    background-image: url(../img/referenzen.jpg);
  }
  #main_left.resonanz{
    background-image: url(../img/main_team.jpg);
  }
  #main_left .info{
    position: relative;
    text-align: left;
    top: 432px;
    left: 25px;
    width: 90%;
    /*height: 30%;*/
    font-size: 19px;
    color: #0000ff;
  }
  #main_left.home .info{
    top: 412px;
  }
  #main_left .info_senkrecht{
    position: absolute;
    text-align: center;
    top: 232px;
    left: 348px;
    width: 30%;
    height: 30%;
    font-size: 19px;
    color: #0000ff;
  }
  #main_left .info i{
    display: block;
    margin-bottom: 9px;;
  }
  #main_left .info span{
    display: block;
    text-align: right;
    font-style: italic;
  }
  #main_content{
    background-color: #ffffff;
    position: relative;
    /*display: inline-block;*/
    display: block;
    float: left;
    width: 512px;
    text-align: middle;
    min-height: 512px;
    /*height: 99.5%;*/
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    margin-bottom: 28px;
    box-sizing: border-box;
    /*  flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]*/

  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  /*width: 20%;               /* For old syntax, otherwise collapses. */*/
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex-grow: 1;
  flex-shrink: 1;
    flex: 1 1 0;
  }

  #white_bg{
    position: absolute;
    z-index: -10;
    background-color: #ffffff;
    top: 0px;
    left: 512px;
    width: 512px;
    height: 99.5% !important;
  }
  a.big.nounderline{
    cursor: text;
  }
  .nounderline{
    text-decoration: none !important;
  }
  .nopadding{
    padding: 0px !important;
  }

	/* Chrissi */

		.mail-claim1zeilig{
		font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 400;
    font-size: 15px;
		color: #3d3d3b;
		/*margin-top: 60px;*/
		margin-top: 49px;
		text-align: right;
	}
  	.mail-claim1zeilig a,	.mail-claim2zeilig a{
        text-decoration: none !important;
	}
		.mail-claim2zeilig{
		font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 400;
    font-size: 15px;
		color: #3d3d3b;
		/*margin-top: 41px;*/
		margin-top: 31px;
		text-align: right;
	}
	.mail-responsive{
		display: none;
	}

	/*   */

  @media screen and (max-height: 650px) {
    #main_content{
      min-height: 512px !important;
    }
  }
  .main_right{
    background-image: url(../img/menu.png);
    background-size: cover;
    width: 255px;
    height: 512px;
    float: right;
    color: #3d3d3b;
  }
  .main_right > a{
    display: block;
    padding-left: 20px;
    background-image: url(../img/bullet_t.png);
    background-position: 0px 12px;
    background-repeat: no-repeat;
    color: #3d3d3b;
    text-decoration: none;
    font-size: 16px;
    line-height: 33px;

  }
  .main_right > a.sub_menu{
    display: block;
    padding-left: 20px;
    background-image: url(../img/bullet_t.png);
    background-position: 0px 12px;
    background-repeat: no-repeat;
    color: #3d3d3b;
    text-decoration: none;
    font-size: 16px;
    line-height: 33px;

  }
  .main_right > a.tab_bullet{
    background-position: 21px 12px;
    padding-left: 32px;
  }
  .main_right > a.no_bullet{
    background-image: none;
  }
  .main_right > h3 > a.big{
    color: #3d3d3b;
    text-decoration: none !important;
  }
  h1 span.small{
    font-size: 20px;
    line-height: 26px;
  }
  .text_container a{
    color: #0000ff;
    text-decoration: none;
    line-height: 33px;

  }
  .text_container a:hover{
    text-decoration: underline;

  }
  .text_container li{
    list-style: disc;
    margin-left: 15px;
    padding-left: 5px;
  }
  .main_right h3{
    margin-top: 45px;
    margin-left: 0px;
    padding-left: 19px;
    margin-bottom: 9px;
    font-size: 16px;
    font-weight: normal;
    /*letter-spacing:1.2px;*/
    background-image: url("../img/bullet_t.png");
    background-repeat: no-repeat;
    background-position: 0px 2px;
  }
  #main_bg_gradient{
    position: absolute;
    top: 512px;
    height: calc(100% - 512px);
    width: 100%;
    z-index: -15;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
  }
  #footer_left{
    height: 14px;
    padding: 7px 25px 7px 25px;
    line-height: 14px;
    background-color: #f1f1f1;
    color: #3d3d3b;
  }
  #footer_left a{
    color: inherit;
  }
  #navi .act{
    color: #0000ff;
  }
  .hidden_d{
    display: none;
  }
  #top_background {
    width: 100%;
    background-color: #E3E3E1;
    position: absolute;
    height: 112px;
    top: 0px;
    left: 0px;
    z-index: -11;
    text-align: center;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(214,214,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(35%,rgba(255,255,255,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(214,214,214,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(214,214,214,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */


  }
  #block_wrapper div#navi_kontakt{
    padding-right: 40px;
    text-align: right;
    width: 78px;
  }
  #navi_button{
    width: 48px;
    height: 42px;
    background-image: url(../img/menu_button.png);
    background-repeat: no-repeat;
  }
  #header1{
    width: 512px;
    height: 512px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    background-image: url(../img/klaudia_binder_berg.jpg);
    background-repeat: no-repeat;
  }
  #header2{
    width: 512px;
    height: 512px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 1;
    background-image: url(../img/klaudia_binder_boot.jpg);
    background-repeat: no-repeat;
  }
  h1.home_claim{
    font-weight: normal;
    display: block;
    position: absolute;
    color: #0000ff;
    top: 120px;
    left: 90px;
    display: block;
  }
  h1.home_claim span{
    text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.77);
  }
  h2.home_claim{
    font-weight: normal;
    display: block;
    position: relative;
    top: 320px;
    left: 50px;
    font-size: 20px;
    color: #3d3d3b;
  }
  h2.home_claim span{
    display: block;
    position: relative;
  }
  h2.home_claim .first{
    top: 0px;
    left: 60px;
  }
  h2.home_claim .second{
    top: 5px;
    left: 90px;
  }
  h2.home_claim .third{
    top: 50px;
    left: 120px;
  }
  .home_claim .small_blue{
    font-size: 37px;
    line-height: 42px;
  }
  .home_claim .big_blue1{
    position: relative;
    top: 7px;
    left: 30px;
    font-size: 52px;
    line-height: 54px;
  }
  .home_claim .big_blue2{
    position: relative;
    top: 60px;
    left: -173px;
    font-size: 52px;
    line-height: 54px;
  }
  .home_claim .small_grey{
    font-size: 16px;
    color: #3d3d3b;
  }
  #main_content{
    padding-top: 0px;
    padding-left: 30px;
    padding-right: 5px;
  }
  /*#main_content.team{*/
  /*  padding-top: 0px;*/
  /*  padding-left: 30px;*/
  /*  padding-right: 5px;*/
  /*}*/
  .nocursor{
    cursor: text;
  }
  div.team_entry{
    cursor: pointer;
    float: left;
    width: 92px;
  }
  div.team_entry{
    opacity: 0.54;
    cursor: pointer;
    float: left;
    width: 92px;
  }
  div.team_entry.binder{
    opacity: 0.64;
  }
  div.team_entry.selected{
    opacity: 1;
  }
  .team_entry img{
    width: 84px;
    display: block;
    margin: 15px 0 5px;
  }
  .team_entry span{
    display: block;
    margin: 0px 8px 5px 0px;
    color: #3d3d3b;
  }
  #main_content .text_container{
    padding: 40px 25px 10px 0px;
    /*overflow-y: scroll;*/
  }
  /*#main_content.team .text_container{*/
  /*  padding: 30px 25px 10px 0px;*/
  /*}*/
  .text_container{
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 15px;
    line-height: 22px;
  }
  .text_container p{
    /*text-align: justify;*/
    margin-bottom: 25px;
  }
  .submenu_button img{
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 5px 5px -8px 20px;
    padding: 5px;
    cursor: pointer;
    background-color: #ffffff;
  }
  .underline{
    text-decoration: underline;
  }
  .main_right2 h3.underline{
    cursor: pointer;
    width: 300px;
  }
  div.formrow.tall{
    height: 200px;
  }
  div.formrow{
    width: 100%;
    box-sizing: border-box;
    height: 50px;
  }
  div.formrow label{
    display: inline-block;
    width: 80px;
    vertical-align: top !important;
  }
  div.formrow input{
    display: inline-block;
    box-sizing: border-box;
    width: 200px;
    height: 30px;

  }
  div.formrow textarea{
    box-sizing: border-box;
    width: 200px;
    height: 100px;
  }
  div.formrow input.submit_form{
    display: block;
    width: 100px;
    margin-top: 30px;
  }
  .impressum h2{
    font-size: 20px;
    line-height: 33px;
    color: #0000ff;
    font-weight: normal;
  }
  .impressum h3{
    font-size: 15px;
    line-height: 22px;
    font-weight: bold;
  }
  .invisible.submenu a{
    display: block !important;
    color: #3d3d3b !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 18px !important;
  }
  .referenz_img{
    position: absolute;
    top: -200px;
    right: 0px;
    height: 226px;
    width: 328px;
    background-repeat: no-repeat;
    background-position: 30px top;
  }
  .referenz_img:nth-child(1){
    /*top: 400px;*/
  }

/* RESPONSIVE */

	@media screen and (max-width: 1430px) {
    #kb_underline{
      width: calc(100vw * 0.61);
    }
  }
/*	@media screen and (max-width: 1300px) {*/
/*    #kb_underline{*/
/*      width: 793px;*/
/*    }*/
/*  }*/

@media   (max-device-width: 1280px)
  and (orientation: landscape) {
      #top_background{
      /*display: none;*/
      background-image: none;
      background-color: #ffffff;
    }
    #blue_stripe .horizontal_wrapper {
      background-color: transparent;
    }
    #main{
      box-shadow: none;
    }

}

	@media screen and (max-width: 1260px) {
    #top_background{
      /*display: none;*/
      background-image: none;
      background-color: #ffffff;
    }
    #blue_stripe .horizontal_wrapper {
      background-color: transparent;
    }
    #main{
      box-shadow: none;
    }
    #white_bg{
      display: none !important;
    }
  #main_left .info i{
    margin-bottom: 0.6vw;
  }
    #kb_underline{
      width: calc(100vw * 0.665);
    }
.home#main_content{
  min-height: 600px;
}
#block_wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
    display: flex;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
#block_wrapper div {
    padding-left: 5px;
    padding-right: 5px;
    /*  flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]*/
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  /*width: 20%;               /* For old syntax, otherwise collapses. */*/
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex-grow: 1;
  flex-shrink: 1;
    flex: 1 1;
}
#navi_klaudia-binderhome {
    /*  flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]*/
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  /*width: 20%;               /* For old syntax, otherwise collapses. */*/
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex-grow: 1.2;
  flex-shrink: 1.2;
    flex: 1.2 1.2 !important;
}
#kb_name{
      font-size: 2.40vw;
      line-height: normal;
    }
    #kb_name span{
      display: block;
      position: absolute;
      bottom: 8px;
      right: 36px;
    }
    #logo_wrapper{
      width: 24vw;
    }
    #logo_top{
      height: 4.8vw !important;
      background-size: cover;
    }
    #logo_bottom{
      height: 36px !important;
      background-position: 0px -5.0vw;
      background-size: cover;
    }
    #kb_underline{
      /*width: 793px;*/
    }
    #wrapper, #main, #blue_stripe .horizontal_wrapper, #footer .horizontal_wrapper {
      width: 100%;
    }
    #main{
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
      flex-direction: row;
      -webkit-flex-flow: row wrap;
      justify-content: flex-start;
    }
    #header_abs{
      position: relative;
      width: 100%;
      height: 100%;
    }
    .header_abs{
      width: 100% !important;
      background-size: contain;
    }
/*    #referenz_img{
      position: relative;
      width: 100%;
      height: 100%;
    }
*/
.referenz_img{
      width: 21vw !important;
      height: 14vw !important;
      background-size: cover;
      background-position: right top;
    }
    #main_left{
      position: relative;
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: 512px;
      width: 40%;
    }
    .main_right{
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: 225px;
      height: 39vw;
      width: 18.02%;
    }
    #main_content{
      flex-grow: 1;
      flex-shrink: 1.32;
      flex-basis: 512px;
      margin-bottom: 0px;
      padding-bottom: 60px;
      width: 41%;
    }
    #main_bg_gradient{
      display: none;
    }
    #block_wrapper div {
      width: 9vw;
    }
    #navi_klaudia-binderhome{
      width: 10vw !important;
    }
    h1.home_claim {
      color: #0000ff;
      display: block;
      font-weight: normal;
      left: 5vw;
      position: absolute;
      top: 7.3vw;
    }
    .home_claim .small_blue {
      font-size: 3vw;
      left: 50px;
      line-height: 4vw;
    }
    .home_claim .big_blue1 {
      font-size: 4vw;
      left: 30px;
      line-height: 4vw;
    }
    .home_claim .big_blue2 {
      font-size: 4vw;
      left: -13.2vw;
      line-height: 4vw;
    }
    h2.home_claim {
      left: 1vw;
      top: 25vw;
    }
    #main_left .info{
      width: 465px;
      /*left: 2vw;*/
      /*top: 33.6vw;*/
      /*font-size: 1.5vw;*/
    }
    #main_left.home .info{
      top: 33.6vw;
    }
    #main_left .info_senkrecht{
      top: 19vw;
      left: 28.5vw;
      display: block;
      width: 11vw;
      font-size: 1.5vw;
    }
  }
	@media screen and (max-width: 905px) {
    #main_left .info{
      /*top: 34.3vw;*/
      width: 90%;
      font-size: 1.5vw;
      top: 34.8vw;
    }
    #main_left.home .info{
      top: 34.3vw;
    }
    #main_left .info_senkrecht{

    }
h1.home_claim {
    color: #0000ff;
    display: block;
    font-weight: normal;
    left: 5vw;
    position: relative;
    width: 300px;
}
h2.home_claim {
    color: #3d3d3b;
    display: block;
    font-size: 20px;
    font-weight: normal;
    position: relative;
    width: 300px;
}
    #kb_underline{
      width: calc(100vw * 0.72);
    }
    #main{
      display: block !important;
      /*flex-wrap: wrap;*/
      /*flex-direction: column;*/
    }
    #main_left{
      float: left;
      width: 42% !important;
      /*height: 100vw;*/
      background-size: contain;
    }
    #main_content{
      padding-top: 0px;
    }
    .main_right{
      display: none;
    }
    .main_right2{
      display: block !important;
      position: relative;
      top: 0px;
      left: 5px;
      /*box-sizing: border-box;*/
      width: 460px;
      width: calc(100% + 35px);
      background-position: 0px -220px;
    }
    .main_right2 h3{
      margin-top: 30px;
      margin-left: 30px;
    }
    .main_right a {
      padding-left: 30px;
    }
    #main_content{
      width: 58% !important;
      /*height: auto !important;*/
      float: right;
      -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
      -ms-flex-order: 2;              /* TWEENER - IE 10 */
      -webkit-order: 2;               /* NEW - Chrome */
      order:2;
    }
    .main_right{
      /*width: 40vw !important;*/
      height: inherit !important;
      padding-bottom: 20px !important;
      margin-bottom: 25px !important;
      float: right;
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order:1;
    }
    .main_right h3{
      background-image: none;
      font-size: 22px;
      letter-spacing:1.2px;
    }
  }
	@media screen and (max-width: 670px) {
    #main{
      margin-top: 3px;
    }
    .mail-claim1zeilig {
        font-size: 3vw;
        margin-top: 11.65vw;
    }
    .mail-claim2zeilig {
        font-size: 3vw;
        margin-top: 8vw;
    }
    #main{
      background-color: #ffffff;
    }
    #main_left .info{
      top: 83vw;
      left: 4vw;
      font-size: 3.6vw;
    }
    #main_left.home .info{
      top: 80vw;
      left: 5vw;
      font-size: 3.6vw;
    }
#main_left .info_senkrecht {
    font-size: 3.6vw;
    top: 44vw;
    left: 73vw;
    width: 18vw;
}

.referenz_img {
    height: 32vw !important;
    width: 48vw !important;
}
    #kb_name{
            font-size: 3.40vw;
          letter-spacing: 3px;

    }
    #logo_wrapper{
      width: 30vw;
    }
    #logo_bottom{
          background-position: 0 -6.3vw;
    }
    #logo_top{
       height: 5.8vw !important;
    }
.home_claim .small_blue {
    font-size: 6vw;
    left: 50px;
    line-height: 8vw;
}
.home_claim .big_blue1 {
    font-size: 8vw;
    left: 30px;
    line-height: 8vw;
}
.home_claim .big_blue2 {
    font-size: 8vw;
    left: -13.2vw;
    line-height: 8vw;
}
h2.home_claim {
    left: 10px;
    top: 140px;
    font-size: 15px;
}
    .main_right2{
      display: none !important;
    }
    #main_left, .header_abs, #header_abs{
      width: 100% !important;
      height: 110vw !important;
    }
    #main_content{
      width: 100% !important;
    }
    #kb_underline{
      display: none;
    }
    #navi_wrapper{
      /*height: 69px;*/
        width: 100%;
    }
    #block_wrapper {
        /*display: block;*/
        display: none;
        width: 100%;

    }
    #block_wrapper .invisible_imp{
      display: block !important;
    }

    #mobile_navi{
      display: block;
      float: right;
      background-image: url(../img/mobile_navi.png);
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      margin-right: 10px;
      margin-bottom: 10px;
      cursor: pointer;
    }
    #block_wrapper div {
      display: block;
      width: 100% !important;
      box-sizing: border-box;
      clear: both;
      text-align: left;
      height: 50px;
      padding: 0;
      margin: 0;
    }
    #block_wrapper div a{
      font-size: 22px;
      display: block;
      width: 100% !important;
      box-sizing: border-box;
      padding: 20px 25px 8px 25px;
    }
    #main_content{
      padding-top: 25px;
    }
/* Chrissi	 */

		.mail-responsive{
		display: block;
	}

/* 	 */
  }
	@media screen and (max-width: 480px) {
    #logo_bottom{
      /*background-position: 0px -5.0vw;*/
      background-size: 30vw;
    }
    #footer{
      height: 56px;
      background-color: #f1f1f1;
    }
    #footer_right{
      float: none;
      position: static;
    height: 14px;
    line-height: 14px;
    padding: 2px 25px;
    }
	}