/*
Theme Name: Blumen Meyer
Text Domain: blumenmeyer
*/

/* global styles */

::selection {
	color:#FFF;
	background-color:rgb(0,157,220);
}

html,body {
	margin:0
}
html {
	overflow-y: scroll;
	font-family: 'Source Sans Pro',Arial,sans-serif;
	font-weight:400;
	font-size:18px;
	color:rgb(106,106,106)
}
p {margin:0 0 30px 0;}
img {vertical-align:top}
h1 {
	font-size:36px;
	margin:0 0 55px 0;
	font-weight:400;
	line-height:42px
}
.rose h1 {
	color:rgb(243,155,162);
}
.violett h1 {
	color:#7f5492;
}
.yellow h1 {
	color:rgb(249, 180, 90);
}
.green h1 {
	color:#bbd031;
}
h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 28px;
    background-image: url(img/background/h2-bg.png);
    background-repeat: repeat-x;
    background-position: bottom;
    line-height: 21px;
    margin: 20px 0 55px 0;
    color: rgb(0,157,220);
}
.rose h2 {
	color:rgb(243,155,162);
	background-image: url(img/background/h2-rose-bg.png);
}
.violett h2 {
	color:#7f5492;
	background-image: url(img/background/h2-violett-bg.png);
}
.yellow h2 {
	color:rgb(249, 180, 90);
	background-image: url(img/background/h2-yellow-bg.png);
}
.green h2 {
	color:#bbd031;
	background-image: url(img/background/h2-green-bg.png);
}
.referenzen h2 {
	color: rgb(0,157,220);
	background-image: none;
}
.content-wrapper h2 {
    background-image: none;
    margin: 35px 0 35px 0;
    text-align: left;
}
h2 span {
	background:#FFF;
	padding:0 20px;
}
h3 {
	color: #3d85d1;
	font-weight: 400;
}
.rose h3 {
	color:rgb(243,155,162);
}
.violett h3 {
	color:#7f5492;
}
.yellow h3 {
	color:rgb(249, 180, 90);
}

.wrapper:before, .wrapper:after, .wrapper-wide:before, .wrapper-wide:after, .col:before, .col:after, .row:before, .row:after, .clearfix:before, .clearfix:after, .menu:before, .menu:after {content: "";clear: both;display: block;visibility: hidden;height: 0px;}
.wrapper {
	margin: auto;
	width: 1276px;
	padding:0 20px;
}
.wrapper-wide {
	width: 1600px;
	padding:0 0;
}
.col {float:left;}
.two {margin-right:15px;margin-left:0;width:623px}
.two:last-child {margin-left:15px;margin-right:0}
.three {margin-right: 15px;margin-left: 0;width:415px;}
.three:last-child {margin-left:0;margin-right:0}
.four {margin-right:0;margin-left:0;width:1276px}

/* header styles */

/* logo styles */

.logo-wrapper{
	position: relative;
	margin:30px auto 0 auto;
	top: 0;
	width: 180px;
	height: 170px;
}
.logo-wrapper-sub {
    position: absolute;
    margin: 0 0 0 0;
    top: 35px;
    width: 130px;
    height: 125px;
    float: left;
}
#schriftzug {
    max-width: 180px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -90px;
    z-index: 9999;
    max-height: 71px;
}
#logo-statisch {
	width: 100%;
}
/* h2 bg Blüten */
.h2-bg {
	height: 90px;
	overflow:hidden;
	width: 200px;
}
.bluete-start {
    position: absolute;
    max-width: 48px;
    top: 0;
    left: 50%;
    margin-left: -24px;
    z-index: 1;
    -webkit-transform: rotate(60deg);
    -webkit-transition: all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    -webkit-transform-origin: bottom center;
    transform: rotate(60deg);
    transition: all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    transform-origin: bottom center;
    max-height: 80px;
    mix-blend-mode: multiply;
}
.bluete-start-2 {
    max-width: 48px;
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: -24px;
    z-index: 1;
    -webkit-transform: rotate(-60deg);
    -webkit-transition: all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    -webkit-transform-origin: bottom center;
    transform: rotate(-60deg);
    transition: all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    transform-origin: bottom center;
    mix-blend-mode: multiply;
    max-height: 80px;
}
.bluete-start-3 {
    max-width: 48px;
    position: absolute;
    top: 1px;
    left: 50%;
    margin-left: -24px;
    z-index: 2;
    -webkit-transform: rotate(29deg);
    -webkit-transition: all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    -webkit-transform-origin: bottom center;
    transform: rotate(29deg);
    transition: all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    transform-origin: bottom center;
    mix-blend-mode: multiply;
    max-height: 80px;
}
.bluete-start-4 {
    max-width: 48px;
    position: absolute;
    top: 1px;
    right: 50%;
    margin-right: -24px;
    z-index: 2;
    -webkit-transform: rotate(-29deg);
    -webkit-transition: all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    -webkit-transform-origin: bottom center;
    transform: rotate(-29deg);
    transition: all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    transform-origin: bottom center;
    mix-blend-mode: multiply;
    max-height: 80px;
}
.bluete-start-5 {
    max-width: 48px;
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: -24px;
    z-index: 3;
    -webkit-transition: all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    -webkit-transform-origin: bottom center;
    transition: all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    transform-origin: bottom center;
    max-height: 80px;
    mix-blend-mode: multiply;
}
.bluete-start-basic {
  max-width: 48px;
  position: absolute;
  margin-left: -24px;
  margin-right: -24px;
  right: initial;
  left: 50%;
  transform: none;
  top: 0;
  -webkit-transition:all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
  -webkit-transform-origin: bottom center;
  transition:all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
  transform-origin: bottom center;
}
.bluete {
    position: absolute;
    max-width: 66px;
    top: 0;
    left: 50%;
    margin-left: -33px;
    z-index: 1;
    -webkit-transform: rotate(60deg);
    -webkit-transition:all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
        -webkit-transform-origin: bottom center;
        transform: rotate(60deg);
        transition:all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
            transform-origin: bottom center;
      max-height: 116px;
        mix-blend-mode: multiply;
}
.bluete2 {
    max-width: 66px;
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: -33px;
    z-index: 1;
    -webkit-transform: rotate(-60deg);
    -webkit-transition:all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
        -webkit-transform-origin: bottom center;
    transform: rotate(-60deg);
    transition:all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
        transform-origin: bottom center;
  mix-blend-mode: multiply;
      max-height: 116px;
}
.bluete3 {
    max-width: 66px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -33px;
    z-index: 2;
    -webkit-transform: rotate(29deg);
    -webkit-transition:all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    -webkit-transform-origin: bottom center;
    transform: rotate(29deg);
    transition:all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    transform-origin: bottom center;
    mix-blend-mode: multiply;
    max-height: 116px;
}
.bluete4 {
    max-width: 66px;
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: -33px;
    z-index: 2;
    -webkit-transform: rotate(-29deg);
    -webkit-transition:all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    -webkit-transform-origin: bottom center;
    transform: rotate(-29deg);
    transition:all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    transform-origin: bottom center;
    mix-blend-mode: multiply;
    max-height: 116px;
}
.bluete5 {
    max-width: 66px;
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: -33px;
    z-index: 3;
    -webkit-transition:all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    -webkit-transform-origin: bottom center;
    transition:all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
    transform-origin: bottom center;
    max-height: 116px;
    mix-blend-mode: multiply;
}
.bluete-basic {
  max-width: 66px;
  position: absolute;
  margin-left: -33px;
  margin-right: -33px;
  right: initial;
  left: 50%;
  transform: none;
  top: 0;
  -webkit-transition:all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
  -webkit-transform-origin: bottom center;
  transition:all 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);
  transform-origin: bottom center;
}

/* socialmedia styles */

.socialmedia {
	position:relative;
	float:right;
	margin-top:95px;
}
.socialmedia img {margin-left:20px;max-width:30px;float:left;}

/* navi styles */

.menu {
	list-style:none;
	margin:35px auto 0 auto;
	padding:0;
	width: 880px;
}
.menu ul {
    position: absolute;
    top: 100%;
    height: 0px;
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 210px;
    z-index: 999;
	transition:all ease-in-out 0.5s;
}
.menu ul li {
    float: none;
    margin: 0;
    width: 100%;
    background: #fff;
}
.menu ul li {
    float: none;
    margin: 0;
    width: 100%;
	border-bottom:1px solid #6a6a6a;
}
.menu ul li a {
    padding: 10px 20px;
}
.menu-sub .menu {
    list-style: none;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 880px;
}
.menu li {
	float:left;
	margin:0 45px 0 0;
	position:relative
}
.menu li:hover ul {
height:280px;
}
.menu li:last-child {
	margin:0 0 0 0;
}
.menu li a {
    display: block;
    font-size: 20px;
    text-decoration: none;
    color: #6a6a6a;
    padding-bottom: 30px;
}
.menu li a:hover {
	color:rgb(0,157,220)
}
.select-menu {
	display:none
}

/* slider styles */

.slider-wrapper {
    margin: auto;
    position: relative;
	width:100%;
	max-height:615px;
	overflow:hidden;
}
.slider-wrapper-sub {
	max-height:420px;
}
.slider-inner {
    position: relative;
    top: 0;
    left: 0;
    transition:all ease-in-out 1s;
}
/*.slider-inner img {
    height: auto;
    float: left;
}*/
.fwd, .bck {display:block;    padding: 2px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 99999;
    color: #fff;
    margin-top:-25px;
    right: 15px;left:auto;}
 .bck {left:15px;right:auto}

#fwd2, #fwd3 {display: none}
#bck2, #bck3 {display: none}
.controlnav {
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-top: 10px;
	margin-left:-55px
}
.controlnav span {
    display: inline-block;
    margin: 5px 2px;
    cursor: pointer;
    width: 15px;
    height:15px;
    background-image: url(img/slider/control.png);
    background-size:15px;
}
.controlnav span.active {background-image:url(img/slider/active.png)}

/* teaser styles */

.teaser-wrapper {
	margin:100px auto;
}
.teaser {
	float:left;
	width:19.2%;
	margin-right:1%;
	position: relative;
	overflow:hidden;
	height: 296px;
	transition:all ease-in-out .3s;
}
.teaser:last-child {
	margin-right:0
}
.teaser img {
	width: 100%;
    height: auto;
    border: 0;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
	transition:all ease-in-out .3s;
}
.teaser:hover img {
    width: 104%;
    left: -2%;
    top: -2%;
	opacity:0.5;
	mix-blend-mode: multiply;
}
.teaser:hover {
	background: rgb(243, 154, 162);
}
.teaser:nth-child(2):hover {
background: rgb(127, 84, 146);
}
.teaser:nth-child(3):hover {
background: rgb(249, 180, 90);
}
.teaser:nth-child(4):hover {
background: rgb(187, 208, 49);
}
.teaser:nth-child(5):hover {
background: rgb(0, 157, 220);
}
.teaser-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	background:linear-gradient(rgba(0,0,0,0) 10%,rgba(243,155,162,0.55) 100%)
}
.teaser-overlay2 {
    background: linear-gradient(rgba(0,0,0,0) 0%,rgba(127,84,146,0.55) 90%);
}
.teaser-overlay3 {
    background: linear-gradient(rgba(0,0,0,0) 15%,rgba(249,180,90,0.69) 80%);
}
.teaser-overlay4 {
    background: linear-gradient(rgba(0,0,0,0) 50%,rgba(187,208,49,0.55) 71%);
}
.teaser-overlay5 {
    background: linear-gradient(rgba(0,0,0,0) 25%,rgba(0,157,220,0.48) 100%);
}
.teaser-overlay-outer {
    display: block;
    width: 100%;
    height: 100%;
	text-decoration: none;
}
.teaser-link {
    position: absolute;
    bottom: 50px;
    left: 0;
    margin-left: 0;
    width: 100%;
    text-align: center;
    width: 77%;
    margin-left: 11.5%;
    margin-right: 11.5%;
    border: 2px solid #fff;
    box-sizing: border-box;
}
.teaser-link span {
    text-align: center;
    display: block;
    padding: 15px 15px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 19px;
}
.teaser-morelink {
    position: absolute;
    bottom: 15px;
    left: 0;
    margin-left: 0;
    width: 100%;
    text-align: center;
    width: 100%;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px
}
.teaser:first-child:hover .teaser-link {
	color: rgb(255, 255, 255);
    background: rgba(243, 154, 162, 0.8);
}
.teaser:nth-child(2):hover .teaser-link {
	color: rgb(255, 255, 255);
    background: rgba(127, 84, 146, 0.8);
}
.teaser:nth-child(3):hover .teaser-link {
	color: rgb(255, 255, 255);
    background: rgba(249, 180, 90, 0.8);
}
.teaser:nth-child(4):hover .teaser-link {
	color: rgb(255, 255, 255);
    background: rgba(187, 208, 49, 0.8);
}  
.teaser:nth-child(5):hover .teaser-link {
	color: rgb(255, 255, 255);
    background: rgba(0, 157, 220, 0.8);
}  


/* introtext styles */

.introtext {
    width: 100%;
    background: url(img/background/introtext-background.jpg);
    padding: 64px 0 20px 0;
    color: #FFF;
    background-size: cover;
    background-position: top;
	margin-bottom:50px;
}

/* call-to-action styles */

.call-to-action {
    width: 100%;
    background: url(img/background/introtext-background.jpg);
    padding: 40px 0 35px 0;
    color: #FFF;
    background-size: cover;
    background-position: top;
	margin-bottom:50px;
	text-align:center;
}
.call-to-action-rose {
	background-image: url(img/background/call-to-action-background.jpg);
}
.call-to-action-violett {
	background-image: url(img/background/call-to-action-background2.jpg);
}
.call-to-action-yellow {
	background-image: url(img/background/call-to-action-background-eventfloristik.png);
}
.call-to-action-green {
	background-image: url(img/background/call-to-action-background-indoor-outdoor.png);
}
.call-to-action h1 {
	font-size:32px;
	margin: 0 0 40px 0;
	color:#FFF;
	font-style: italic;
}
.call-to-action a {
    display: inline-block;
    padding: 10px;
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
    padding: 15px 35px;
    line-height: 18px;
}

/* content styles */

.content-wrapper {
    padding: 80px 0 80px 0;
}
.content-wrapper a {color: #009ddd;}
.content-wrapper h1 {
    color:rgb(0,157,220);
}
.rose .content-wrapper h1 {
    color: rgb(243,155,162);
}
.violett .content-wrapper h1 {
    color:#7f5492;
}
.green .content-wrapper h1 {
    color:#bbd031;
}
.yellow .content-wrapper h1 {
    color:rgb(249, 180, 90);
}
.content-wrapper .two img {
    width:80%;
	height:auto;
}
.content-wrapper .two:last-child p:first-child {margin-bottom:21px}

/* referenzen */
div.referenz img {
    width:100%;
    height: auto;
    margin-right: 15px;
}
div.referenz p {
	margin: 0 0 15px 0;
}
.referenz {
    margin-bottom: 80px;
}
.gallery {
	display: -ms-grid;
    display: grid;
    /*grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;*/
    grid-auto-rows: minmax(auto, 55px);
    grid-gap: 15px;
    padding: 0;
	margin-bottom:40px
}
.referenz-item {
    position: relative;
    overflow: hidden;
}
.referenz .referenz-item {
	margin-bottom:15px;
}
.referenz-item img {
    vertical-align: top;
    width: 100%;
    height: auto;
	transition: all ease-in 0.3s;
    position: relative;
    left:0%;
	top:0%;
}
.referenz-overlay {
	position: absolute;
    width: 100%;
    background: rgba(64,171,225,0.85);
    bottom: 0;
    height: 100%;
    overflow: hidden;
    transition: all ease-in 0.3s;
    opacity: 0;
    box-sizing: border-box;
    padding: 10%;
	color:#FFF;
	text-decoration:none;
}
.rose .referenz-overlay {
	background: rgba(243,155,162,0.85);
}
.violett .referenz-overlay {
	background:rgba(127, 84, 146, 0.85);
}
.yellow .referenz-overlay {
	background:rgba(249, 180, 90, 0.85);
}
.green .referenz-overlay {
	background:rgba(187, 208, 48, 0.85);
}


.referenz-item:hover > .referenz-overlay {
	opacity:1
}
.referenz-item:hover > img {
	width: 104%;
    top: -2%;
    left: -2%;
}
.viewmore-button {
	text-align:center
}
.viewmore-button a {
    display: inline-block;
    padding: 10px 40px;
    border: 2px solid #0ea1dd;
    margin: auto;
    margin-bottom: 40px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 24px;
    color: #0ea1dd;
}
.viewmore-button a:hover {
    border: 2px solid #FFF;
    color: #FFF;
	background-color: #0ea1dd;
}
.rose .viewmore-button a {
    border: 2px solid rgb(243,155,162);
    color: rgb(243,155,162);
}
.rose .viewmore-button a:hover {
    border: 2px solid #FFF;
    color: #FFF;
	background-color: rgb(243,155,162);
}
.violett .viewmore-button a {
    border: 2px solid #7f5492;
    color:#7f5492;
}
.violett .viewmore-button a:hover {
    border: 2px solid #FFF;
    color: #FFF;
	background-color: #7f5492;
}
.yellow .viewmore-button a {
    border: 2px solid rgb(249, 180, 90);
    color:rgb(249, 180, 90);
}
.yellow .viewmore-button a:hover {
    border: 2px solid #FFF;
    color: #FFF;
	background-color: rgb(249, 180, 90);
}
.green .viewmore-button a {
    border: 2px solid #bbd030;
    color:#bbd030;
}
.green .viewmore-button a:hover {
    border: 2px solid #FFF;
    color: #FFF;
	background-color:#bbd030;
}

/* Blog */

.blog-entry {
    position: relative;
    border-bottom: 1px solid #c1c1c1;
    padding: 0 0 60px 0;
}
.blog-entry .two {

}
.blog-entry h2 { 
	text-align: left;
    background: none;
    margin: 35px 0;
    text-transform: none;
}
.blog-entry h3 {
    margin-bottom: 0;
    color: #c1c1c1;
    font-weight: 400;
}
.blog-entry a {

}


/* Footer */

.footer {
	background-color:#6a6a6a;
	padding-top:15px;
	margin-top:40px
}
.footer .three {
	color:#FFF;
	text-align:center;
}
.footer h4 {
	font-size:18px;
	text-transform:uppercase;
	font-weight:400;
}
.footer .wrapper-wide p {
	font-size:16px;
	color:#FFF;
	float:right
}
.footer img {
	width: 16px;
    margin-right: 10px;
    vertical-align: middle;
}
.footer-eyecatcher {
	padding: 80px 0;
    background: #c1e5fa;
    /* margin-bottom: 60px;*/
}
.footer-fleurop {
	padding: 80px 0;
	background: #000;
	color:#FFF;
    /* margin-bottom: 60px;*/
}
.footer-fleurop h3 {
	color:#FFF;
}
.footer a {color:#fff;text-decoration:none}

/* Kontaktformular */

.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form textarea {
    width: 75%;
    padding: 2%;
    font-family: 'Source Sans Pro',Arial,sans-serif;
    font-size: 18px;
    color: rgb(106,106,106);
}

.wpcf7-form input[type=submit] {
    background: #fff;
    border: 1px solid rgb(169, 169, 169);
    color: rgb(106,106,106);
    font-size: 18px;
    font-family: 'Source Sans Pro',Arial,sans-serif;
    padding: 2% 4%;
}
#menu-mobilmenu {display:none;visibility:hidden}
.togglenav {display:none;}
span.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form textarea {
	width: 95%;}

/* Cookiebanner */

#cookie-details {padding-top: 10px;width: 100%;margin: auto;font-size:13px;color:#000;height:0;overflow:hidden}
#cookie-details table {margin:20px 0;font-size:13px;color:#000;border-collapse: collapse;}
#cookie-details table td {font-size:13px;color:#000;border:1px solid #000; padding:4px;}
#cookie-details p {font-size:13px;color:#000}
#viewdetails {
display: inline-block;
    text-align: center;
    margin: 4px 0 4px 10px;
    border: 0;
    font-size: 13px;
    padding: 4px 10px;
    color: #000;
}
#CoverCookies-cover form {
    display: block;
    padding: 7px;
    margin: 10px 0 5px 0;float:left
}
#CoverCookies-cover form label {
	color:#000;
	font-size:13px;
}
.cookieminitext {
color: #000;
font-size: 13px;
}

@media only screen and (max-width:1620px) {
	.wrapper-wide {
	width: 1400px;
	}
	.teaser-link span {
	font-size: 17px;
	}
	.teaser {
	height: 259px;
	}
}

@media only screen and (max-width:1420px) {


	.wrapper {
	width: 1070px;
	}
		.wrapper-wide {
	width: 1200px;
	}
	.two {
	width: 520px;
	}
	.three {
	width: 346px;
	}
	.four {
    width: 1070px;
	}
	.menu-sub .menu {
    width: 606px;
	}
	.menu {
    width: 713px;
	}
	.menu li {
    float: left;
    margin: 0 30px 0 0;
	}
	.menu li a {
    font-size: 18px;
	}
	.gallery {
    grid-auto-rows: minmax(auto, 42px);
	}
	.referenz-overlay {
    font-size: 12px;
	}
	.teaser-link {
	width: 100%;
    margin: 0;
	}
	.teaser {
    height: 223px;
	}

}

@media only screen and (max-width:1230px) {
	.wrapper {
	width: 900px;
	}
	.wrapper-wide {
	width: 1070px;
	}
	h1 {
    font-size: 25px;
    margin: 0 0 25px 0;
    font-weight: 400;
    line-height: 34px;
	}
	.two {
	width: 435px;
	}
	.three {
	width: 290px;
	}
	.four {
    width: 900px;
	}
	.menu-sub .menu {
    width: 606px;
	}
	.menu {
    width: 740px;
	}
	.menu li {
    float: left;
    margin: 0 30px 0 0;
	}
	.menu li a {
    font-size: 18px;
	}
	.socialmedia img {
    margin-left: 10px;
    max-width: 20px;
	}
	.gallery {
    grid-auto-rows: minmax(auto, 30px);
	}
	.teaser {
    height: 198px;
	}

}

@media only screen and (max-width:1100px) {
	body {
	font-size:15px
	}
	.wrapper {
	width: 850px;
	}
	.wrapper-wide {
	width: 900px;
	}
	.two {
    width: 410px;
	}
	.four {
    width: 850px;
	}
	.three {
    width: 273px;
	}
	.footer .wrapper-wide p {
    font-size: 14px;
	}
	.menu li {
    margin: 0 30px 0 0;
	}
	.menu li a {
    font-size: 16px;
	}
	.menu-sub .menu {
    width: 559px;
	}
	.menu {
    width: 660px;
	}
	.logo-wrapper-sub {
    width: 100px;
    height: 95px;
	}
	.teaser-link {
    width: 100%;
    margin: 0;
    position: relative;
	}
	.teaser-link {
	border: 0;
	}
	.teaser-link a {
    font-size: 15px;
    background: #FFF;
    color: #000;
	}
	.teaser-morelink{
    position: relative;
    bottom: 0;
    display: block;
    width: 100%;
    color: #000;
    background: #FFF;
    padding: 10px 0;
	}
	.teaser {
    height: 167px;
	}
}

@media only screen and (max-width:920px) {
	.wrapper-wide {
	width: 800px;
	}
	.wrapper {
	width: 800px;
	}
	.menu li {
    margin: 0 24px 0 0;
	}
	.menu-sub .menu {
    width: 475px;
	}
	.menu {
    width: 559px;
	}
	.menu li a {
    font-size: 14px;
	}
	.two {
    width: 385px;
	}
	.four {
    width: 800px;
	}
	.three {
    width: 256px;
	}
	.gallery {
    grid-auto-rows: minmax(auto, 28px);
	}
	.content-wrapper {
    padding: 40px 0 40px 0;
	}
	.teaser {
    float: left;
    width: 50%;
    margin-right: 0;
    position: relative;
	height: auto;
	}
	.teaser:hover img {
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0.5;
    mix-blend-mode: multiply;
}
	.teaser img {
    position: initial;
	}
	.teaser-overlay {
    position: initial;
	}
	.teaser-link {
    position: initial;
	}
	.teaser-morelink {
    position: initial;
	}
	.teaser-link span {
	color: #000;
	}
}


@media only screen and (max-width:860px) {
.wrapper {
    width: 96%;
    margin-left: 0;
    padding: 0 2%;
}
.content-wrapper {
    padding: 40px 2% 40px 2%;
}
.two {
    width: 48%;
    margin-right: 2%;
}
.two:last-child {
    margin-left: 2%;
    margin-right: 0;
}
.three {
    width: 32%;
    margin-right: 2%;
}
.four {
    width: 100%;
    margin-right: 0%;
}
.socialmedia {
    margin-top: 80px;
}
.gallery {
    grid-auto-rows: minmax(auto, 22px);
}


}

@media only screen and (max-width:740px) {
p {
    margin: 0 0 15px 0;
}
  .wrapper {
    width: 95%;
    margin-left: 0;
    height: auto;
    border: 0;
    margin-top: 0;
    left: 0;
    top: 0;
    padding: 2.5%;
  }
.socialmedia {
    margin-top: 0;
    position: relative;
    top: 0;
}
.logo-wrapper-sub {
    height: auto;
    position: relative;
    width: 100%;
    text-align: center;
    float: left;
    top: 0;
}
#logo-statisch {
    width: auto;
}
.menu-sub{
    float: left;
    position: relative;
    top: 0;
    width: 100%;
}
.menu-sub .menu {
    width: 100%;
    margin: 20px auto;
}
.slider-wrapper-sub {
    margin-top: 0;
}
h1 {
    font-size: 18px;
    margin: 20px 0 20px 0;
    font-weight: 400;
    line-height: 25px;
}
.two {
    width: 100%;
    margin-right: 0;
}
.two:last-child {
    margin-left: 0;
    margin-right: 0;
}
.three {
    width: 100%;
    margin-right: 0;
}
.call-to-action h1 {
    font-size: 20px;
    margin: 0 0 25px 0;
    color: #FFF;
    line-height: 25px;
}
.gallery {
	display:block;
    grid-auto-rows: minmax(auto, 13px);
}
.referenz-item:hover > img {
    width: 100%;
    top: 0;
    left: 0;
}
.teaser {
    float: left;
    width: 100%;
    margin-right: 0;
    position: relative;
    height: auto;
}
.teaser:hover img {
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0.5;
    mix-blend-mode: multiply;
}
.select-menu {
	display: block;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    font-family: 'Source Sans Pro';
    border: 1px solid #2e76cb;
    margin-top: 20px;
}
.menu-menu-1-container {
	display:none;
}
		#menu-mobilmenu {display:block;	
		height:0px;
	overflow:hidden;
		margin:0;    transition: all ease-in-out 0.5s;
    width: 100%;
	}	
	#menu-mobilmenu li {
    width: 100%;
    margin: 0;
}
#menu-mobilmenu li a {
    padding: 15px 20px 15px 20px;
    width: 100%;
    box-sizing: border-box;
}
.togglenav {
    display: block;
    width: 100%;
    padding-left: 60px;
    background-image: url(mobilemenu-bg.png);
    background-repeat: no-repeat;
    height: 60px;
    background-position: 10px;
    background-size: 25px 20px;
    cursor: pointer;
	box-sizing: border-box;
    background-color: #686868;
}
.togglenav span {
    padding-top: 17px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
	#menu-mobilmenu li {width:100%}	
	.footer a {display:block}
	.teaser-overlay {background:rgb(243, 155, 162)}
	.teaser-overlay2 {
    background: rgb(127,84,146);
	}
	.teaser-link span {
    color: #fff;
	}
	.teaser-wrapper {
    margin: 25px auto;
	}
	.teaser-overlay3 {
    background: rgb(249, 180, 90);
	}
	.teaser-overlay4 {
    background: rgb(187, 208, 49);
	}
	.teaser-overlay5 {
    background: rgb(0,157,220);
	}
	.introtext {padding: 20px 0 20px 0;}
	.footer .wrapper-wide p {
    float: none;
    text-align: center;
	}
	.call-to-action {
    margin-bottom: 0;
	}
	.nivo-caption {
    position: relative;
	}
	.nivo-caption div:first-child {
    width: 100%;
    text-align: right;
	}
	.nivo-caption {
    position: relative!important;
    padding: 0 0 10px 0!important;
	}
	.nivo-caption div p span {
    width: 100%!important;
    padding: 20px 0!important;
    text-align: center!important;
    font-size: 17px!important;
	}
	.nivo-caption div:first-child p span {
    background: rgb(0,157,220)!important;
	}
	.nivo-caption div:nth-child(2n) {
    margin-bottom: 0px!important;
	}
}

/* IE Fallback */

@media all and (-ms-high-contrast:none) {

.gallery {
    display: block;
}
.gallery:before, .gallery:after {content: "";clear: both;display: block;visibility: hidden;height: 0px;}
.referenz-item {
	width:33%;
	display: inline-block;
	position:relative;
	overflow:hidden;
	float:left;
	height:165px;
}
.referenz .referenz-item {
	width:100%;
	display: inline-block;
	position:relative;
	overflow:hidden;
	float:left;
	height:auto;
}
.referenz-item img {
    vertical-align: top;
    width: 100%;
    height:auto;
	transition: all ease-in 0.3s;
    position: relative;
    left:0%;
	top:0%;
}
.referenz .referenz-item:hover > img {
    width: 100%;
    top:0%;
    left:0%;
}
.referenz-overlay {
	position: absolute;
    width: 100%;
    background: rgba(64,171,225,0.85);
    bottom: 0;
    height: 100%;
    overflow: hidden;
    transition: all ease-in 0.3s;
    opacity: 0;
    box-sizing: border-box;
    padding: 10%;
	color:#FFF;
	left:0px;
	z-index:999;
}
.referenz-item:hover > .referenz-overlay {
	opacity:1;
}
}