@charset "UTF-8";

/*@font-face {
    font-family: 'amaticbold';
    src: url('../font/amatic-bold-webfont.eot');
    src: url('../font/amatic-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/amatic-bold-webfont.woff') format('woff'),
    url('../font/amatic-bold-webfont.ttf') format('truetype'),
    url('../font/amatic-bold-webfont.svg#amaticbold') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'amatic_scregular';
    src: url('../font/amaticsc-regular-webfont.eot');
    src: url('../font/amaticsc-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/amaticsc-regular-webfont.woff') format('woff'),
    url('../font/amaticsc-regular-webfont.ttf') format('truetype'),
    url('../font/amaticsc-regular-webfont.svg#amatic_scregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
@font-face {
    font-family: 'aaarghnormal';
    src: url('../font/aaargh-webfont.eot');
    src: url('../font/aaargh-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/aaargh-webfont.woff') format('woff'),
    url('../font/aaargh-webfont.ttf') format('truetype'),
    url('../font/aaargh-webfont.svg#aaarghnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/



/* ----------------- Reset all styles ----------------- */
* {

    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: auto;
}

*{
    /*border: 1px solid red;*/
}

/* ----------------- Website background and general text colour ----------------- */
body {
    background-color: #FFFFFF;
    color: #2d2d2d;
    overflow-x: hidden;

}

header{
    overflow-x: hidden;   
    width: 100% 
}

/* ----------------- Wrapper - keeps all content in the center of page -----------------  */
.wrapper {
    margin: auto;
    width: 85%;
    height: 100%;
    overflow-x: hidden;
}

.wrapper3 {
    margin-top: -140px;
    margin-bottom: -140px;
}

.wrapper_work {
    margin: auto;
}

.wrapper_work2 {
    margin: auto;
	width: 100%;
}

/* - - - - - - - - - - - - - - -  HEADER/NAVI  - - - - - - - - - - - - - - - */
#top {
    height: 100px;
}

#logo {
    text-decoration: none;

}

#logoimage {
    margin-top: 8px;
    width: 135px;
    height: 82px;
    padding-right: 5%;
    float: left;
}

nav {
    float: right;
    height: 82px;
    width: 75%;
    display: block;
    font-size: 200%;
}

nav ul {
    float: right;
    width: 90%;
}

nav ul li {
    display: block;
    width: 20%;
    float: right;
    margin-right: 7%;
    text-align: center;
}

nav ul li a {
    height: 100px;
    font-family: amatic_scregular, Helvetica, Arial, sans-serif;
    width: 135%;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 300%;
    display: block;
    color: #000000;
}

nav ul li a:hover {
    background-color: #000000;
    color: #ffffff;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

nav ul li.last {
    margin-top: 30px;
    margin-right: 0%;
    width: 10%;
}

nav ul li.last a {
    width: 33px;
    height: 49px;
    background-image: url("../images/en_icon.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    float: right;
}


nav ul li.last a:hover {
    background-color: transparent;
    background-position: -33px 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

/* - - - - - - - - - - - - - - -  SLIDER  - - - - - - - - - - - - - - - */


.clearfix {
    float: none;
    clear: both;
}

div.slider_bottom {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 8000;
    margin-top: -17px;	
}

div.slider_bottom > div {
    background-image: url("../images/balken.png");
    background-repeat: no-repeat;
    width: 289px;
    height: 66px;
    margin: auto;
    display: block;
    text-align: center;
}

div.slider_bottom > div h2 {
    display: inline-block;
    margin: 0;
}

/* - - - - - - - - - - - - - - -  ABOUT/WHY TEXEBLOCK  - - - - - - - - - - - - - - - */
.center {
    height: auto;
    margin: auto;
    margin-top: 100px;
    width: 100%;
    line-height: 200%;
    font-weight: normal;
    text-align: center;
    margin-bottom: 100px;
}
.center p{
	width: 50%;
	margin: auto;
	 margin-top: -30px;
	 margin-bottom: 50px;
}

/*-----WHY Image-----*/
.why_deko {
    margin: auto;
    width: 60%;
    height: auto;
    margin-top: 30px;
}

/*-----WHY Image E-----*/
.why_e {
    position: relative;
    width: 25%;
    height: auto;
    margin-left: 11%;
    margin-top: -16%;
    display: block;
}

/* - - - - - - - - - - - - - - -  WORK  - - - - - - - - - - - - - - - */
#work {why_e
    width: 100%;
    margin-top: 50px;
    text-align: center;
}

#work > div {
    width: 100%;
    position: relative;
}

#work > div hr {
    display: inline-block;
}

.rubrik {
    width: 93%;
    display: inline-block;
    font-size: 190%;
    line-height: 200%;
    font-weight: normal;
    text-align: center;
    position: relative;

}

hr {
    height: 1px;
    margin: auto;
    background-color: #e1e0dc;
    margin-bottom: 20px;
}




.item {
    width: 22%;
    height: auto;
    /*background-color:#e1e0dc;*/
    margin: 10px;
    display: inline-block;
    position: relative;
}

/*
.item.label a:before {
    content: url("../images/label.png");
    cursor: pointer;	
	width: 50%;
	height:auto;
	float:right;
	position:absolute;
	
}
*/

.item.drip a:af;ter {

    content: url("../images/teaser_drip1.png");
    width: 111px;
    height: 56px;
    cursor: pointer;
    position: absolute;
    right: 0;
}

.item.drip a:hover:after {
    content: url("../images/teaser_drip1_hover.png");
}

.item a {
    display: inline-block;
    background-color: #e1e0dc;
}

.item a:hover {
    background-color: #c9c5bd;
}

.item img {
    display: block;
    width: 100%;
    height: auto;
}
div.pfeil {
    float: right;
    width: 11px;
    height: 25px;
    margin: -40px 25px 0 0;
}

.item h3 {
    padding-left: 20px;
    font-family: amatic_scregular, Helvetica, Arial, sans-serif;
    font-size: 220%;
    font-weight: normal;
    color: #7c7971;
    text-decoration: none;
    padding-top: -50px;
    text-align: left;
}

.item p {
    margin: 0 0 3% 0;
    padding-left: 20px;
    /*font-family: aaarghnormal, Arial, Helvetica, sans-serif;
    font-size: 90%;*/
	font-family: 'Source Sans Pro', sans-serif; font-weight: 200;
	font-size: 90%;
	
    font-weight: normal;
    padding-top: 20px;
    color: #000000;
    text-decoration: none;
    text-align: left;
}

.item a {
    text-decoration: none;
}

/* - - - - - - - - - - - - - - -  FORM  - - - - - - - - - - - - - - - */
.left {
    width: 100%;
    height: auto;
    margin: auto;
    text-align: left;
	
}

.formstyle {

    background-color: #e1e0dc;
    height: 50px;

    /*font-family: aaarghnormal, Helvetica, Arial, sans-serif;
    font-size: 100%;*/
	font-family: 'Source Sans Pro', sans-serif; font-weight: 200;
	font-size: 120%;
    color: #7e7971;

}

.formstyle_message {
    padding-top: 10px;
    /*font-family: aaarghnormal, Helvetica, Arial, sans-serif;
    font-size: 100%;
	*/
	font-family: 'Source Sans Pro', sans-serif; font-weight: 200;
	font-size: 120%;
    line-height: 140%;
    color: #7e7971;
    text-align: left;
    background-color: #e1e0dc;
    height: 200px;
}

#formwrap {
	margin:auto;
	width: 60%;
}

.formstyletwo {
    background-image: url("../images/btn_send_sprite.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 154px;
    height: 104px;
    float:right;
    color: #FFF;
    font-family: amatic_scregular, Helvetica, Arial, sans-serif;
    font-size: 180%;
    text-align: center;
    background-color: transparent;
    padding-bottom: 20px;
    border: 0;
    margin-bottom: 20px;
	margin-right: -17px;
}

.formstyletwo:hover {
    background-position: -158px 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    cursor: pointer;
    border: 0;
}

#formwrap input[type="text"],
#formwrap textarea {
    padding: 6px 10px 6px 10px;
    /*max-width: 827px;*/
}

.form_text {
    width: 100%;
	margin: auto;
}

.left h2 {
    text-align: left;
    color: #000000;
    font-size: 180%;
}

.left p {
    margin-bottom: 40px;

}

input:focus, input.focused, textarea:focus, textarea.focused {
    color: #3e3e3e;
    opacity: 1;
}

#error {	
    color: #FF7471;
    float: left;
    /*font-family: aaarghnormal, Helvetica, Arial, sans-serif;
	font-size: 15px;*/
	font-family: 'Source Sans Pro', sans-serif; font-weight: 200;
	font-size: 120%;
    
	margin-top: 0px;
}

#emailerror{
	width: 50%;
}

#error ul {
    list-style-type: none;
    padding-top: 5px;
	margin-top: -150px;
}

/* -- Make the highlight colours pretty -- */
::selection {
    background: #000000;
    color: #FFF;
}

::-moz-selection {
    background: #000000;
    color: #FFF;
}

/* - - - - - - - - - - - - - - -  FOOTER  - - - - - - - - - - - - - - - */

footer {
    position: relative;
    background-color: #e2e0dc;
    width: 100%;
    height: 90px;
    overflow: hidden;
}

#logo_footer {
    width: 80px;
    padding-left: 8%;
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto;
    float: left;
}

.disclaimer {
    /*font-family: aaarghnormal, Helvetica, Arial, sans-serif;
    font-size: 100%;*/
	font-family: 'Source Sans Pro', sans-serif; font-weight: 200;
	font-size: 110%;
    line-height: 140%;
    color: #7e7971;
    text-align: left;
    height: auto;
    margin-left: 60px;
    margin-top: 35px;
    width: auto;
    float: left;
}

.pointer {
    /*font-family: aaarghnormal, Helvetica, Arial, sans-serif;
    font-size: 100%;*/
	font-family: 'Source Sans Pro', sans-serif; font-weight: 200;
	font-size: 110%;
    line-height: 140%;
    text-align: left;
    height: auto;
    margin-left: 60px;
    margin-top: 35px;
    width: auto;
    float: left;
    text-decoration: none;
}

#imprint_link_close {
    display: none;
}

.pointer a {
    cursor: pointer;
    text-decoration: none;
    color: #7e7971;
}

.pointer a:hover {
    color: #85817a;
    cursor: pointer;
}

.icon_fb a {
    background-image: url("../images/icons/footer_icon_fb_sprite.png");
    background-repeat: no-repeat;
    background-position: -36px 0;
    width: 36px;
    height: 36px;
    margin-top: 25px;
    margin-right: 8%;
    float: right;
    position: relative;
    white-space: pre;
}

.icon_fb a:hover {
    background-color: transparent;
    background-position: 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.icon_inst a {
    background-image: url("../images/icons/footer_icon_inst_sprite.png");
    background-repeat: no-repeat;
    background-position: -36px 0;
    width: 36px;
    height: 36px;
    margin-top: 25px;
    margin-right: 10px;
    float: right;
    position: relative;
}

.icon_inst a:hover {
    background-color: transparent;
    background-position: 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

/* - - - - - - - - - - - - - - -  BG DRIP  - - - - - - - - - - - - - - - */

.bg_drip1 {
    background-image: url("../images/drip1.png");
    background-repeat: no-repeat;
    position: absolute;
    width: 282px;
    height: 246px;
    margin-top: -5%;
    z-index: -1;
    margin-left: 60%;
}

.bg_drip2 {
    background-image: url("../images/drip2.png");
    background-repeat: no-repeat;

    width: 524px;
    height: 411px;
    z-index: -1;

    margin-top: -18%;
    margin-left: 5%;

    max-width: 100%!important;
}

.bg_drip1_work {
    background-image: url("../images/drip1.png");
    background-repeat: no-repeat;
    position: absolute;
    width: 282px;
    height: 246px;
    margin-top: 15%;
    z-index: -1;
    margin-left: 0%;
    background-size: 250px;
}

.bg_drip3_work {
    background-image: url("../images/drip3.png");
    background-repeat: no-repeat;
    position: absolute;
    width: 282px;
    height: 246px;
    margin-top: -10%;
    z-index: -1;
    margin-left: 73%;
}

/* - - - - - - - - - - - - - - -  IMPRINT SEITE  - - - - - - - - - - - - - - - */

#imprint_text_all {
    display: none;
    background-color: #e2e0dc;
    width: 100%;
    margin: auto;
}

.imprint_text {
    position: relative;
    width: 84%;
    height: 350px;
    margin: auto;
}

.imprint_text1 {
    margin-top: 20px;
    float: left;
    width: 30%;
    margin-right: 20px;
}

.imprint_text2 {
    float: right;
    width: 60%;
}

.imprint_text1 h1 {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 250%;
}

.imprint_text1 p {
    text-align: left;
}

.imprint_text1 p a {
    color: #7e7971;
}

.imprint_text1 p a:hover {
    color: #85817a;
}

/* - - - - - - - - - - - - - - -  WORK SEITE  - - - - - - - - - - - - - - - */
#top {
    width: 100%;
    margin: auto;
}

.btn_back {
    background-image: url("../images/btn_back_sprite.jpg");
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    float: left;
    margin-top: 15px;
    background-position: 0 0;
}

.btn_prev {
    margin-top: 15px;
    float: right;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";

}

.btn_back:hover {
    background-position: -70px 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    cursor: pointer;
}

.btn_back_unten {
    visibility: hidden;
}

.btn_back_unten:hover {
    visibility: hidden;
}

.logo_work {
    margin-top: 8px;
    margin: auto;
    margin-left: 37%;
}

#logoimage_work {
    width: 135px;
    height: 82px;
    padding-right: 2%;
    padding-left: 2%;
    margin-top: 10px;
}

#text_work {
    width: 55%;

}

.text_left {
    height: auto;
    margin-top: 60px;
    line-height: 200%;
    font-weight: normal;
    margin-bottom: 100px;
    float: left;
}

.text_left h2 {
    text-align: left;
    color: #a19e99;
    font-size: 220%;
    margin-bottom: 10px;
}

.text_left h3 {
    text-align: left;
}

.text_left p {
    text-align: left;
}

.btn_work {
    background-image: url("../images/btn_work_sprite.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 255px;
    height: 117px;
    float: left;
    color: #FFF;
    font-family: amatic_scregular, Helvetica, Arial, sans-serif;
    font-size: 180%;
    text-align: center;
    background-color: transparent;
    padding-top: 25px;
    border: 0;
}

.btn_work:hover {
    background-position: -255px 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    cursor: pointer;
    border: 0;
}

/*----------SHARE------------------*/
.posi_share {
    margin-top: 60px;
    width: 35%;
    height: 60px;
    float: right;
    text-align: right;

}

.posi_share h2 {
    color: #000000;
    font-size: 230%;
    text-align: right;

    margin-bottom: 10px;
}

.fb_share_creature {
    text-decoration: none;
    display: block;
}

.fb_share_creature a {
    position: absolute;
    width: 50px;
    height: 65px;
    background-image: url("../images/share_fb_sprite.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration: none;
    margin-left: -170px;
    margin-top: 0px;

}

.fb_share_creature a:hover {
    background-color: transparent;
    background-position: -50px 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.pin_share_creature {
    text-decoration: none;
    display: block;
}

.pin_share_creature a {
    position: absolute;
    width: 50px;
    height: 65px;
    background-image: url("../images/share_pin_sprite.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration: none;
    margin-left: -110px;
}

.pin_share_creature a:hover {
    background-color: transparent;
    background-position: -50px 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.tw_share_creature {
    text-decoration: none;
    display: block;
}

.tw_share_creature a {
    position: absolute;
    width: 50px;
    height: 65px;
    background-image: url("../images/share_tw_sprite.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-left: -50px;
}

.tw_share_creature a:hover {
    background-color: transparent;
    background-position: -50px 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

/*----------SHARE------------------*/

#contact_work {
    margin-top: 0px;
    float: left;
	width:100%;

}

#formwrap_work {
    display: none;
}

#formwrap_work input[type="text"],
#formwrap_work textarea {
    padding: 6px 10px 6px 10px;
    /*max-width: 827px;*/
}

.formstyletwo{
	margin-right: -17px;	
}


.left_work {
    width: 80%;
    height: auto;
    margin: auto;
    text-align: left;

}

.left_work h2 {
    text-align: left;
    color: #000000;
    font-size: 180%;
}

/* - - - - - - - - - - - - - - -  FONT  - - - - - - - - - - - - - - - */

h1 {
    font-family: amatic_scregular, Helvetica, Arial, sans-serif;
    font-size: 120%;
    font-weight: normal;
    text-align: left;
    color: #000000;
    margin-bottom: -10px;
}

h2 {
    font-family: amatic_scregular, Helvetica, Arial, sans-serif;
    font-size: 150%;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
    letter-spacing: .05em;
}

h3 {
    font-family: amatic_scregular, Helvetica, Arial, sans-serif;
    font-size: 450%;
    font-weight: normal;
    text-align: center;
    color: #000000;
    margin-bottom: 5%;
    line-height: 80%;
}

p {
    /*font-family: aaarghnormal, Helvetica, Arial, sans-serif;
	font-size: 100%;*/
    
	font-family: 'Source Sans Pro', sans-serif; font-weight: 200;
	font-size: 110%;
    line-height: 140%;
    color: #7e7971;
    text-align: center;
}



*{
    outline: none;

}






@media only screen and (max-width: 1279px) {
    /* - - - - - - - - - - - - - - -  SLIDER  - - - - - - - - - - - - - - - */
    /* - - - - - - - - - - - - - - -  ABOUT/WHY TEXEBLOCK  - - - - - - - - - - - - - - - */
    .center {
        margin: auto;
        margin-top: 120px;
    }
	.center p{
		width: 60%;
		margin: auto;
	}

    .why_deko {
        width: 70%;
        height: auto;
    }

    /*-----WHY Image E-----*/
    .why_e {
        width: 24%;
        margin-left: 6%;
        margin-top: -16%;
    }

    /* - - - - - - - - - - - - - - -  WORK  - - - - - - - - - - - - - - - */
    .rubrik {
        width: 94%;
    }

    .item {
        width: 30%;
    }

    /* - - - - - - - - - - - - - - -  FORM  - - - - - - - - - - - - - - - */
    .left {
        width: 70%;
    }
	#formwrap {
		margin:auto;
		width: 100%;
	}

    /* - - - - - - - - - - - - - - -  FOOTER  - - - - - - - - - - - - - - - */
    footer {
        position: relative;
        background-color: #e2e0dc;
        width: 100%;
        height: 90px;
        margin: auto;
        margin-top: 20px;

    }

    #logo_footer {
        width: 80px;
        padding-left: 8%;
        padding-top: 20px;
        padding-bottom: 20px;
        height: auto;
        float: left;
    }

    .disclaimer {
        width: auto;
        text-align: left;
        margin-left: 5%;
    }

    .pointer {
        margin-left: 20px;
        float: left;
    }

    .icon_fb {
        padding-right: 8%;
    }

    /* - - - - - - - - - - - - - - -  BG DRIP  - - - - - - - - - - - - - - - */
    .bg_drip1 {
        margin-top: -15%;
        margin-left: 60%;
    }

    .bg_drip2 {
        margin-top: -25%;
        margin-left: 5%;
    }

    .bg_drip1_work {
        margin-top: 5%;
        margin-left: 0%;
    }

    .bg_drip3_work {
        margin-top: -16%;
        margin-left: 70%;
    }

    /* - - - - - - - - - - - - - - -  WORK SEITE  - - - - - - - - - - - - - - - */
    #text_work {
        width: 65%;

    }

}

@media only screen and (max-width: 1105px) {
    .wrapper {
        width: 90%;
    }

    .wrapper3 {
        margin-top: -70px;
    }
	.wrapper_work2 {
	width: 100%;
	
}

    nav {
        width: 73%;
    }

    /* - - - - - - - - - - - - - - -  ABOUT/WHY TEXEBLOCK  - - - - - - - - - - - - - - - */
    .center {
        margin: auto;
        margin-top: 100px;
        width: 82%;
    }
	
	.center p{
		width: 80%;
		margin: auto;
	}


    .why_deko {
        width: 100%;
        height: auto;
    }

    /*-----WHY Image E-----*/
    .why_e {
        width: 25%;
        height: auto;
        margin-left: -2%;
        margin-top: -18%;
    }

    /* - - - - - - - - - - - - - - -  WORK  - - - - - - - - - - - - - - - */
    .rubrik {
        width: 84%;
    }

    .item {
        width: 40%;
    }

    /* - - - - - - - - - - - - - - -  FORM  - - - - - - - - - - - - - - - */
    .left {
        width: 80%;
    }
	#formwrap {
		margin:auto;
		width: 122%;
		margin-left: -13%;
	}
    /* - - - - - - - - - - - - - - -  FOOTER  - - - - - - - - - - - - - - - */
    footer {
        position: relative;
        background-color: #e2e0dc;
        width: 100%;
        height: 90px;
        margin: auto;
        margin-top: 20px;
    }

    #logo_footer {
        width: 80px;
        padding-left: 7%;
        padding-top: 20px;
        padding-bottom: 20px;
        height: auto;
        float: left;
    }

    .disclaimer {
        width: auto;
        text-align: left;
        margin-left: 20px;
    }

    .pointer {
        margin-left: 20px;
        float: left;
    }

    .icon_fb {
        padding-right: 7%;
    }

    /* - - - - - - - - - - - - - - -  BG DRIP  - - - - - - - - - - - - - - - */
    .bg_drip1 {
        margin-left: 60%;
        background-size: 250px;
    }

    .bg_drip2 {
        margin-left: 0%;
        background-size: 300px;
    }

    .bg_drip1_work {
        margin-top: 5%;
        margin-left: 0%;
        background-size: 200px;
    }

    .bg_drip3_work {
        margin-top: -10%;
        margin-left: 60%;
    }

    /* - - - - - - - - - - - - - - -  WORK SEITE  - - - - - - - - - - - - - - - */
    .btn_back {
        background-size: 120px;
        width: 60px;
        margin-top: 25px;
    }

    .btn_back:hover {
        background-size: 120px;
        width: 60px;
        margin-top: 25px;
        background-position: -60px 0;
    }

    .btn_back_unten {
        visibility: visible;
    }

    .btn_back_unten:hover {
        visibility: visible;

    }

    .btn_prev_unten {
        visibility: visible;
    }

    .btn_prev_unten:hover {
        visibility: visible;

    }

    .logo_work {

        margin: auto;
        margin-left: 31%;
    }

    /*--------SHARE--------*/
    .posi_share {
        margin: auto;
        margin-top: 20px;
        width: 80%;
        height: 200px;
        float: none;
        text-align: center;
    }

    .posi_share h2 {
        text-align: center;
    }

    .fb_share_creature a {
        margin: auto;
        text-decoration: none;
        margin-left: -85px;

    }

    .pin_share_creature a {
        margin: auto;
        text-decoration: none;
        margin-left: -25px;
    }

    .tw_share_creature a {
        margin: auto;
        text-decoration: none;

        margin-left: 35px;
    }

    #text_work {
        width: 100%;
        height: auto;
        margin: 0;

    }

    .text_left {
        line-height: 200%;
        font-weight: normal;
        float: left;

    }

    #contact_work {
        margin-top: 0px;
        float: none;
        width: 100%;

    }

    .formstyletwo {
        margin-bottom: 40px;
    }
	
	#error {
	margin-top: -34px;
}

    .left_work h2 {
        text-align: left;

    }

    /* - - - - - - - - - - - - - - -  IMPRINT SEITE  - - - - - - - - - - - - - - - */
    .imprint_text {
        height: 460px;
    }

}

@media only screen and (max-width: 720px) {
    .wrapper {
        width: 100%;
    }

    .wrapper3 {
        margin-top: -100px;
    }

    #top {
        height: 200px;
    }

    #logoimage {
        margin-top: 20px;
        margin-left: 36%;
    }

    nav {
        margin-top: 5px;
        margin-right: 8%;
        width: 100%;
    }

    nav ul {
        display: inline-block;
    }

    nav ul li {
        width: 20%;
    }

    nav ul li.last {
        margin-right: 0%;
        width: 15%;
    }

    /* - - - - - - - - - - - - - - -  SLIDER  - - - - - - - - - - - - - - - */
    .slider_up {
        margin-top: -85px;
    }

    /* - - - - - - - - - - - - - - -  TEXT  - - - - - - - - - - - - - - - */
    h3 {

        margin-bottom: 40px;
    }

    /* - - - - - - - - - - - - - - -  ABOUT/WHY TEXEBLOCK  - - - - - - - - - - - - - - - */
    .center {
        margin: auto;
        margin-top: 100px;
        width: 100%;

    }

    .why_deko {
        width: 120%;
        margin: auto;
		margin-top:40px;
		margin-left:-20px;
        height: auto;
    }

    /*-----WHY Image E-----*/
    .why_e {
        width: 45%;
        height: auto;
        margin-left: -15%;
        margin-top: -30%;
    }

	#contact {
		 margin-top: -130px;
		
	}
    /* - - - - - - - - - - - - - - -  WORK  - - - - - - - - - - - - - - - */
    .rubrik {
        width: 85%;
    }

    .item {
        width: 40%;
    }
	

    /* - - - - - - - - - - - - - - -  FORM  - - - - - - - - - - - - - - - */
    .left {
        width: 70%;
    }
	
	#formwrap {
		margin:auto;
		width: 100%;
		margin-left: -3%;
	}

    .formstyletwo {
        margin-bottom: 40px;
    }
	#error {
	margin-top: -34px;
}

    /* - - - - - - - - - - - - - - -  FOOTER  - - - - - - - - - - - - - - - */
    footer {
        background-color: #e2e0dc;
        width: 100%;
        height: 135px;
        margin: auto;
        margin-top: 0px;
    }

    #logo_footer {
        width: 80px;
        padding-left: 8%;
        padding-top: 20px;
        padding-bottom: 20px;
        height: auto;
        float: left;
    }

    .disclaimer {
        width: auto;
        text-align: left;
        margin-left: 20px;
    }

    .pointer {
        padding-right: 8%;
        margin-left: 20px;
        float: left;
    }

    .icon_fb {
        padding-right: 8%;
    }

    /* - - - - - - - - - - - - - - -  BG DRIP  - - - - - - - - - - - - - - - */
    .bg_drip1 {
        margin-left: 10%;
        background-size: 250px;
    }

    .bg_drip2 {
        margin-left: 10%;
        background-size: 300px;
    }

    .bg_drip1_work {
        margin-top: 10%;
        margin-left: 10%;
        background-size: 200px;
    }

    .bg_drip3_work {
        margin-top: -10%;
        margin-left: 50%;

        background-size: 200px;
    }

    /* - - - - - - - - - - - - - - -  WORK SEITE  - - - - - - - - - - - - - - - */
    div.pfeil {
		width: 11px;
		height: 25px;
		
		padding-top: 5px;
	}
	
	.btn_back {
        background-size: 100px;
        width: 50px;
        margin-top: 25px;
    }

    .btn_back:hover {
        background-size: 100px;
        width: 50px;
        margin-top: 25px;
        background-position: -50px 0;
    }

    .btn_back_unten {
        visibility: visible;
    }

    .btn_back_unten:hover {
        visibility: visible;

    }

    .btn_prev_unten {
        visibility: visible;
    }

    .btn_prev_unten:hover {
        visibility: visible;

    }

    .nivoSlider {
        margin-top: -100px;
    }

    .logo_work {

        margin: auto;
        margin-left: 27%;
    }

    .btn_work {

        float: none;
        margin: auto;

    }

    /*--------SHARE--------*/
    .posi_share {
        margin: auto;
        margin-top: 20px;
        width: 80%;
        height: 200px;
        float: none;
        text-align: center;
		
		margin-bottom: 50px;
    }

    .posi_share h2 {
        text-align: center;
    }

    .fb_share_creature a {
        margin: auto;
        text-decoration: none;
        margin-left: -85px;

    }

    .pin_share_creature a {
        margin: auto;
        text-decoration: none;
        margin-left: -25px;
    }

    .tw_share_creature a {
        margin: auto;
        text-decoration: none;

        margin-left: 35px;
    }

    #text_work {
        width: 80%;
        height: auto;
        margin: -20px 10% 0 10%;

    }

    .text_left {
        line-height: 200%;
        font-weight: normal;
        float: left;

    }

    #contact_work {
        margin-top: 0px;
        float: none;
        width: 100%;
		margin-left: -1%;

    }

    .left_work h2 {
        text-align: left;

    }

    /* - - - - - - - - - - - - - - -  IMPRINT SEITE  - - - - - - - - - - - - - - - */
    .imprint_text {
        position: relative;
        width: 100%;
        margin: auto;
        height: 100%;
    }

    .imprint_text1 {

        float: none;
        width: 80%;
        margin: auto;
    }

    .imprint_text2 {
        float: none;
        margin: auto;
        width: 80%;
    }

    .imprint_text1 h1 {

        margin-top: -10px;
        text-align: left;
    }

    .imprint_text1 p {
        text-align: left;
    }

}

@media only screen and (max-width: 510px) {
    .wrapper {
        width: 100%;
    }

    .wrapper3 {
        margin-top: -40px;
    }

    #top {
        height: 200px;
    }

    #logoimage {
        margin-top: 20px;
        margin-left: 30%;
    }

    nav {
        margin-top: 5px;
        margin-right: 8%;
        width: 100%;
    }

    nav ul {
        display: inline-block;
    }

    nav ul li {
        width: 24%;
    }

    nav ul li a {
        font-size: 90%;

        letter-spacing: -.05em;

        font-weight: 700;
        line-height: 320%;
    }

    nav ul li.last {
        margin-right: 2%;
        width: 15%;
    }

    /* - - - - - - - - - - - - - - -  SLIDER  - - - - - - - - - - - - - - - */
    .slider_up {
        margin-top: -70px;
    }

    /* - - - - - - - - - - - - - - -  TEXT  - - - - - - - - - - - - - - - */
    h3 {

        margin-bottom: 40px;
    }

    /* - - - - - - - - - - - - - - -  ABOUT/WHY TEXEBLOCK  - - - - - - - - - - - - - - - */


    .why_deko {
        width: 150%;
        margin: 0 auto;
        height: auto;
		margin-left:-40px;
		margin-top:40px;
    }

    /*-----WHY Image E-----*/
    .why_e {
        width: 60%;
        height: auto;
        margin-left: -20%;
        margin-top: -37%;
    }

    /* - - - - - - - - - - - - - - -  WORK  - - - - - - - - - - - - - - - */
	#arrow {
		margin-top: -28px;	
	}

	
	.rubrik {
        width: 80%;
    }

    .item {
        width: 80%;
   }

    /* - - - - - - - - - - - - - - -  FORM  - - - - - - - - - - - - - - - */
    #contact {
		 margin-top: -50px;
		 width: 80%;
		
	}
	
	.left {
        width: 80%;
		margin:auto;
    }

    /* - - - - - - - - - - - - - - -  FOOTER  - - - - - - - - - - - - - - - */
    footer {
        background-color: #e2e0dc;
        width: 100%;
        height: 220px;
        margin: auto;
        margin-top: 0px;
    }

    #logo_footer {
        margin: auto;
        float: none;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .disclaimer {
        width: 90%;
        text-align: left;
        margin: auto;
        margin-left: 10%
    }

    .pointer {
        float: left;
        margin-left: 10%;
    }

    /* - - - - - - - - - - - - - - -  BG DRIP  - - - - - - - - - - - - - - - */
    .bg_drip1 {
        margin-left: 10%;
        background-size: 150px;
    }

    .bg_drip2 {
        margin-left: 0%;
        background-size: 200px;
		width: 200px;
		height:200px;
    }

    .bg_drip1_work {
        margin-top: 20%;
        margin-left: 0%;
        background-size: 150px;
    }

    .bg_drip3_work {
        margin-top: -20%;
        margin-left: 10%;
    }

    /* - - - - - - - - - - - - - - -  WORK SEITE - - - - - - - - - - - - - - - */

	
.btn_back {
        background-size: 100px;
        width: 50px;
        margin-top: 25px;
    }

    .btn_back:hover {
        background-size: 100px;
        width: 50px;
        margin-top: 25px;
        background-position: -50px 0;
    }

    .btn_back_unten {
        visibility: visible;
    }

    .btn_back_unten:hover {
        visibility: visible;

    }

    .btn_prev_unten {
        visibility: visible;
    }

    .btn_prev_unten:hover {
        visibility: visible;

    }

    .nivoSlider {
        margin-top: -100px;
    }

    .logo_work {

        margin: auto;
        margin-left: 12%;

    }

    /*--------SHARE--------*/
    .posi_share {
        margin: auto;
        margin-top: 20px;
        width: 80%;
        height: 200px;
        float: none;
        text-align: center;
    }

    .posi_share h2 {
        text-align: center;
		
    }

    .fb_share_creature a {
        margin: auto;
        text-decoration: none;
        margin-left: -85px;

    }

    .pin_share_creature a {
        margin: auto;
        text-decoration: none;
        margin-left: -25px;
    }

    .tw_share_creature a {
        margin: auto;
        text-decoration: none;

        margin-left: 35px;
    }

    #text_work {
        width: 80%;
        height: auto;
        margin: -20px 10% 0 10%;
		
    }

	
	.text_left h2 {
		text-align: center;
	}
	
	.text_left h3 {
		text-align: center;
	}
	
	.text_left p {
		text-align: center;
	}




    #contact_work {
        margin-top: 0px;
		margin-left: -4%;
        width: 100%;
    }

    .formstyletwo {
        margin-bottom: 40px;
    }
#error {
	margin-top: -34px;
}
  

    /* - - - - - - - - - - - - - - -  IMPRINT SEITE  - - - - - - - - - - - - - - - */
    .imprint_text {
        position: relative;
        width: 84%;
        margin: auto;
        height: 10%;
    }

    .imprint_text1 {

        float: none;
        width: 90%;
        margin: auto;
    }

    .imprint_text2 {
        float: none;
        margin: auto;
        width: 90%;
    }

    .imprint_text1 h1 {

        margin-top: -10px;
        text-align: left;
    }

    .imprint_text1 p {
        text-align: left;
        margin-bottom: 20px;
    }
	

}
	


    #slider{
        margin-bottom: 0;
    }
	
	
/* - - - - - - - - - - - - - - -  Sprachweiche  - - - - - - - - - - - - - - - */
/* EN ist default */

.en{
    display: block;
}
.de{
    display: none;
}

.lang-de .en{
    display: none
}
.lang-de .de{
    display: block;
}


.lang-en .en{
    display: block
}
.lang-en .de{
    display: none;
}


/* - - - - - - - - - - - - - - -  Sprechweiche  - - - - - - - - - - - - - - - */