body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/* RESET */
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* LAYOUT */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* COLORBOX */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(/files/layout/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(/files/layout/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(/files/layout/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(/files/layout/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}

/* ANIMATION */
@keyframes fadeInUp {
    from {
        transform:translate3d(0,40px,0)
    }
    to {
        transform:translate3d(0,0,0);
        opacity:1
    }
}
@-webkit-keyframes fadeInUp {
    from {
        transform:translate3d(0,40px,0)
    }
    to {
        transform:translate3d(0,0,0);
        opacity:1
    }
}
/* @keyframes svgAni {
	0% {
		stroke-dashoffset:900;
	}
	40% {
		stroke-dashoffset:0;
		fill:#fff;
	}
	60% {
	    fill:#85C226;
	}
	100% {
		fill#85C226;
		fill="freeze"
	}
}
.leistung path, .leistung circle {
	stroke: #85C226;
	fill: none;
	stroke-width: 1;
	stroke-dasharray: 900 900;
	animation: svgAni 6s linear;
} */
.animated {
    animation-duration:1s;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -webkit-animation-fill-mode:both;
}
.animated1 {
    animation-delay:1s;
    animation-duration:1s;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -webkit-animation-fill-mode:both;
}
.animated2 {
    animation-delay:2s;
    animation-duration:1s;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -webkit-animation-fill-mode:both;
}
.fadeInUp {
    opacity:0;
    animation-name:fadeInUp;
    -webkit-animation-name:fadeInUp;
}
*,
*:after,
*:before {
    box-sizing:inherit;
}
html, body {
	height:100%;
}
html {
    box-sizing:border-box;
	scroll-behavior:smooth;
}
body {
    font:14px/26px 'Raleway',sans-serif;
    font-weight:normal;
    color:#333;
}
#wrapper {
	min-height:100%;
	position:relative;
}
p::selection,
span::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
strong::selection,
a::selection {
    background-color:#85C226;
    color:#fff;
}
a {
    -webkit-transition:color .3s ease-in-out;
    -moz-transition:color .3s ease-in-out;
    -ms-transition:color .3s ease-in-out;
    -o-transition:color .3s ease-in-out;
    transition:color .3s ease-in-out;
    color:#85C226;
    font-weight:500;
    text-decoration:none;
    position:relative;
}
.trans {
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.trans6 {
	-webkit-transition:transform .6s ease-in-out;
    -moz-transition:transform .6s ease-in-out;
    -ms-transition:transform .6s ease-in-out;
    -o-transition:transform .6s ease-in-out;
    transition:transform .6s ease-in-out;
}
p {
	font-size:16px;
}
p a:after, #kontakt li a:after, .filter a:after, footer li a:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:0;
	border-bottom:2px solid #333;
	transition:width .6s;
}
.filter a:after {
	border-bottom:2px solid #85C226;
}
a:hover:after, #kontakt li a:hover:after, .filter a:hover:after, .filter a.active:after {
    width:100%;
}
.error {
	color:#C4151C;
}
.small {
	font-size:13px;
	line-height:24px;
}
.center {
	text-align:center;
}
h2, h3, .h3, .headline {
	margin-top:40px;
}
h2, .h2, .rechtliches h1, .portfolio h1 {
	font-size:36px;
	line-height:44px;
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
	color:#292929;
	position:relative;
	margin-bottom:65px;
}
.portfolio h1, .rechtliches h1 {
	text-align:left;
	margin-bottom:25px;
}
.home h2:before, .leistung h2:before, .h2:before {
	content:'';
    width:25px;
    height:3px;
    position:absolute;
    bottom:-25px;
    left:50%;
    margin-left:-12px;
    background:#85C226;
}
.portfolio h2, .rechtliches h2, h3, .h3, h4, .headline {
	font-size:22px;
	font-weight:700;
}
.portfolio h2, .rechtliches h2 {
	text-align:left;
	margin-bottom:25px;
	text-transform:none;
	line-height:26px;
}
.sub {
	text-align:center;
	margin-bottom:40px;
	font-size:16px;
	font-weight:normal;
}
.container {
    width:100%;
    max-width:1170px;
    position:relative;
    margin:0 auto;
    padding:0;
}
.row {
    width:100%;
    display:flex;
    padding:0;
    flex-direction:column;
}
.row.row-no-padding {
    padding:0;
}
.row.row-no-padding > .col {
    padding:0;
}
.row.row-wrap {
    flex-wrap: wrap;
}
.row.row-top {
    align-items: flex-start;
}
.row.row-bottom {
    align-items: flex-end;
}
.row.row-center {
    align-items: center;
}
.row.row-stretch {
    align-items: stretch;
}
.row.row-baseline {
    align-items: baseline;
}
.row .col {
    width:100%;
    max-width:100%;
    display:block;
    margin-left:0;
    flex: 1 1 auto;
}
.row .col.col-offset-2 {
    margin-left:2.5%;
}
.row .col.col-offset-5 {
    margin-left:5%;
}
.row .col.col-offset-10 {
    margin-left:10%;
}
.row .col.col-offset-20 {
    margin-left:20%;
}
.row .col.col-offset-25 {
    margin-left:25%;
}
.row .col.col-offset-33,
.row .col.col-offset-34 {
    margin-left:33.3333%;
}
.row .col.col-offset-50 {
    margin-left:50%;
}
.row .col.col-offset-66,
.row .col.col-offset-67 {
    margin-left:66.6666%;
}
.row .col.col-offset-75 {
    margin-left:75%;
}
.row .col.col-offset-80 {
    margin-left:80%;
}
.row .col.col-offset-90 {
    margin-left:90%;
}
.row .col.col-10 {
    max-width:10%;
    flex: 0 0 10%;
}
.row .col.col-20 {
    max-width:20%;
    flex: 0 0 20%;
}
.row .col.col-25 {
    max-width:25%;
    flex: 0 0 25%;
}
.row .col.col-33,
.row .col.col-34 {
    max-width:33.3333%;
    flex: 0 0 33.3333%;
}
.row .col.col-40 {
    max-width:40%;
    flex: 0 0 40%;
}
.row .col.col-50 {
    max-width:50%;
    flex: 0 0 50%;
}
.row .col.col-60 {
    max-width:60%;
    flex: 0 0 60%;
}
.row .col.col-66,
.row .col.col-67 {
    max-width:64%;
    flex: 0 0 64%;
}
.row .col.col-75 {
    max-width:75%;
    flex: 0 0 75%;
}
.row .col.col-80 {
    max-width:80%;
    flex: 0 0 80%;
}
.row .col.col-90 {
    max-width:90%;
    flex: 0 0 90%;
}
.row .col .col-top {
    align-self: flex-start;
}
.row .col .col-bottom {
    align-self: flex-end;
}
.row .col .col-center {
    -ms-grid-row-align: center;
    align-self: center;
}

/* Scrollbar */
  * {
    scrollbar-width:auto;
    scrollbar-color:#808080 #000000;
  }
  *::-webkit-scrollbar {
    width:16px;
  }
  *::-webkit-scrollbar-track {
    background:#000000;
  }
  *::-webkit-scrollbar-thumb {
    background-color:#808080;
    border-radius:10px;
    border:3px solid #808080;
  }

/* MEDIA QUERIES */
/* @media (pointer: coarse) für mobile Geräte ohne Maus */
@media (pointer: coarse) {
	#ueber-mich .name ul {
		position:relative !important;
		transform:none !important;
	}
}
@media (min-width: 736px) {
    .row {
        flex-direction: row;
    }
    .row .col {
        margin-bottom: inherit;
        padding: 0 1.0rem;
    }
    .row [class*="col-offset"] {
    	margin-left:0;
    }
    #kontaktmenue {
	position:fixed;
	top:50%;
	right:34px;
	width:450px;
	padding-left:25px;
	transform:translate3d(460px,-50%,0);
	box-shadow:0 5px 20px 0 rgba(0,0,0,.15);
	z-index:1001;
	transition:transform .3s ease-in-out;
	}
	#kontaktmenue:hover {
		transform:translate3d(346px,-50%,0);
	}
	#kontaktmenue .inside {
		width:118px;
		float:left;
		background-color:#fff;
		text-align:center;
	}
	#kontaktmenue ul {
		margin-bottom:0;
	}
	#kontaktmenue a {
		padding:14px 0;
		display:block;
		color:#333;
	}
	#kontaktmenue a:hover {
		background-color:#e6e6e6;
		transition:background-color .3s ease-in-out;
	}
	#kontaktmenue svg {
		color:#333;
	}
	.kontakt-title {
		display:block;
		background-color:#85C226;
		width:25px;
		margin-left:-25px;
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		z-index:-1;
	}
	.kontakt-title p {
		writing-mode:vertical-lr; 
		text-orientation:upright;
		position:absolute;
		top:25%;
		font-weight:900;
		font-size:13px;
		text-transform:uppercase;
		letter-spacing:5.57px;
		margin-bottom:0;
		color:#fff;
	}
}
@media (max-width: 735px) {
	.row .col[class*="col-offset"] {
    	margin-left:0;
	}
	#mm-box img {
		display:none;
	}
	.kunden .carousel-cell {
		width:50% !important;
	}
	.meinungen .carousel-cell {
		width:100% !important;
	}
	#projekte .col figure img, .leistung .col figure img {
	object-fit:cover !important;
	}
	.leistung .hand .col.fotografie img {
		display:none;
	}
	#kontaktmenue {
		position:fixed;
		width:100% !important;
		bottom:0;
		box-shadow:0 -5px 5px silver;
		background-color:#fff;
		transform:none !important;
		padding-left:none !important;
	}
	#kontaktmenue ul {
		margin:4px 0 2px 0;
	}
	#kontaktmenue a {
		display:inline-block !important;
		width:32% !important;
		text-align:center;
	}
	.kontakt-title {
		display:none;
	}
	footer {
		position:relative !important;
	}
}
@media (max-width:849px) {
	.navbar {
		display:none;
	}
	.mm-toggle {
		opacity:1 !important;
		visibility:visible !important;
		-webkit-transform: translateY(0px) !important;
		transform: translateY(0px) !important;
	}
	.mod_newslist .layout_latest {
		width:50% !important;
	}
	.start-text figure {
		display:none;
	}
}
@media (max-width: 676px) {
	.start figure img {
		background-repeat:no-repeat;
    	background-position:center center;
    	background-size:cover;
    	background-attachment:fixed;
    	width:100vw;
    	height:100vh;
	}
	.mod_newslist .layout_latest {
		width:100% !important;
	}
	.row .col[class*="col-"] {
    max-width: 100%;
    flex: 1 1 auto;
	}
	.cookiebar {
		max-width:80% !important;
	}
	.leistung .hand .col {
		margin:0 0 15px 0 !important;
	}
	h2 {
		font-size:20px;
	}
	.leistung h1 {
		font-size:22px !important;
	}
}
@media (max-width:1199px) {
	.container, header .inside {
		padding:0 1em;
	}
}
@media (max-width:945px) {
	.leistungen-details .col {
		height:250px;
		margin-bottom:25px !important;
	}
	.leistungen-details .lg-header {
		top:50px !important;
	}
	.leistungen-details p.trans {
		display:none;
	}
	.start-text .button {
		background-color:#85C226;
	}
}
@media (min-width:1024px), (min-height:749px) {
	.start-text {
		height:100vh;
	}
}

header {
	width:100%;
	height:69px;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}
.brand, .navbar {
	-webkit-transition:all 700ms cubic-bezier(0.77, 0, 0.175, 1);
	transition:all 700ms cubic-bezier(0.77,0,0.175,1);
}
.down .brand, .down .navbar {
	-webkit-transition:translate3d(0, -69px, 0);
	transform:translate3d(0, -69px, 0);
}
header .brand {
	margin-top:10px;
    float:left;
    z-index:999;
}
header .brand a {
    font:36px 'Patua',sans-serif;
    text-decoration:none;
    color:#ccc;
}
header .brand a:hover, .mm-inner li a:hover, #mm-box a:hover, .navbar ul li a:hover, .navbar ul .active a {
    color:#85C226 !important;
}
.navbar {
    float:right;
    margin-top:15px;
}
.navbar ul {
    margin:0;
    list-style-type:none;
}
.navbar ul li {
    float:left;
}
.navbar ul li a {
    position:relative;
    display:block;
    padding:9px 15px;
    text-decoration:none;
    color:#292929;
    text-transform:uppercase;
    font-weight: 700;
    background: transparent;
}
.home .navbar ul li a {
	color:#fff;
}

/* #container Abstände außer .home + .leistung */
#container {
	padding-top:150px;
	padding-bottom:150px;
}
.home #container {
	padding-top:0;
}
.leistung #container {
	padding-bottom:76px;
}

/* mobile Menü Button */ 
#mm-box {
    height:100%;
    position:fixed;
    left:0;
    width:100%;
    padding:60px 40px;
    transform:translateX(-100%);
    transition:transform 250ms ease-in-out;
    background:#292929;
    color:#fff;
    font-size:16px;
}
#mm-box:focus-within .mm-inner {
	transform:translateX(0);
}
#mm-box .headline {
	color:#626262;
	margin-bottom:12px;
}
#mm-box ul {
    margin:0;
    padding:0;
    border-top:1px solid #626262;
}
#mm-box ul:nth-child(3) {
	border-top:none;
}
#mm-box .col li:first-child {
	padding-top:20px;
}
#mm-box a {
	color:#fff;
	cursor:pointer;
    text-decoration:none;
}
#mm-box img {
	float:right;
}
.mm-inner li {
    list-style:none;
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
    padding:20px 20px 20px 10px;
    cursor:pointer;
}
.mm-inner li a {
    text-transform:uppercase;
    font-weight:500;
    font-size:25px;
}
input[type=checkbox]:checked ~ #mm-box {
    transform:translateX(0);
}
input[type=checkbox] {
    transition:all 0.3s;
    box-sizing:border-box;
    display:none;
}
.mm-toggle {
    transition:all 0.3s;
    box-sizing:border-box;
    cursor:pointer;
    position:absolute;
    z-index:99;
    height:100%;
    width:100%;
    top:22px;
    right:15px;
    height:22px;
    width:22px;
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateY(-70px);
	transform:translateY(-70px);
	-webkit-transition:-webkit-transform .3s;
	transition:-webkit-transform .3s;
	transition:transform .3s;
	transition:transform .3s, -webkit-transform .3s;
    transition-delay:0s, 0s;
	-webkit-transition-delay:0.5s;
	transition-delay:0.5s;
}
.down .mm-toggle {
	opacity:1;
	visibility:visible;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}
.bar {
    transition:all 0.3s;
    box-sizing:border-box;
    position:absolute;
    height:3px;
    width:100%;
    background-color:#85C226;
}
.bar:nth-child(2) {
	width:75%;
}
.mm-toggle:hover .bar:nth-child(2) {
	width:100%;
}
.hori {
    transition:width 0.3s;
    box-sizing:border-box;
    position:relative;
    float:left;
    margin-top:3px;
}
.dia.p1 {
    position:relative;
    transition:width 0.3s;
    box-sizing:border-box;
    float:left;
}
.dia.p2 {
    transition:width 0.3s;
    box-sizing:border-box;
    position:relative;
    float:left;
    margin-top:3px;
}
input[type=checkbox]:checked ~ .mm-toggle > .hori {
    transition:opacity 0.3s;
    box-sizing:border-box;
    opacity:0;
}
input[type=checkbox]:checked ~ .mm-toggle > .dia.p1 {
    transition:transform 0.3s;
    box-sizing:border-box;
    transform:rotate(135deg);
    margin-top:8px;
}
input[type=checkbox]:checked ~ .mm-toggle > .dia.p2 {
    transition:transform 0.3s;
    box-sizing:border-box;
    transform:rotate(-135deg);
    margin-top:-9px;
}

section {
	padding-top:80px;
}
.start figure {
    width:100%;
    height:100vh;
    left:0;
    right:0;
    top:0;
	position: absolute;
	overflow: hidden;
	background-size: cover;
	z-index:-1;
}
.start figure img {
    animation: ken 20s ease;
    -ms-animation: ken 20s ease;
    -webkit-animation: ken 20s ease;
    -0-animation: ken 20s ease;
    -moz-animation: ken 20s ease;
}

@-webkit-keyframes ken {
    0% {
    transform: scale3d(1.3,1.3,1.3) translate3d(0,0,0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-opacity: 1;
    opacity: 1;
    }
    100% {
    transform: scale3d(1,1,1) translate3d(0,0,0);
    -webkit-opacity: 1;
    opacity: 1;
    }
}
.start-text {
    padding-top:20%;
    z-index:9;
}
.start-text .h2 {
    font:42px 'Patua',sans-serif;
    color:#85C226;
    margin-top:0.5em;
    text-align:left;
    text-transform:none;
}
.start-text h1 {
	color:#fff;
	text-transform:none;
	text-align:left;
	font-size:24px;
	font-weight:400;
}
.start-text .h2:before, .rechtliches h2:before, .portfolio h2:before, 
.headline a:after, .button:after, .bt:after {
	content:none;
}
.start-text h1 strong {
	font-weight:400;
}
.start-text p {
	text-align:center;
	margin:0 auto;
}
.start-text em {
	padding-left:5px;
}
.start-text .button:nth-child(1) img {
	opacity:0;
}
.start-text .button:nth-child(1):hover img {
	opacity:1;
}
.start-text .button:nth-child(2) {
	margin-left:25px;
}

/* leistungen-details startseite */
.leistungen-details {
	background:#232a34;
	color:#808489;
	text-align:center;
	padding:40px 0 60px 0;
	margin-top:80px;
}
.leistungen-details .col {
	padding: 100px 0 60px 0;
	border: 1px solid #808489;
	margin-bottom: 40px;
	position:relative;
	overflow:visible;
}
.leistungen-details .lg-header a {
	position:absolute;
	width:100%;
	left:0;
	right:0;
	top:100px;
	transition:all .3s;
}
.leistungen-details a {
	position:static;
	color:#808489;
}
.leistungen-details .button {
	color:#fff;
}
.leistungen-details .col .button svg {
	background:transparent;
	fill:#fff;
	vertical-align:sub;
}
.leistungen-details .col svg {
	background:#232a34;
}
.leistungen-details .col:hover {
	border: 1px solid #85C226;
}
.leistungen-details .col:hover .col {
	overflow:visible;
}
.leistungen-details .col:hover .lg-header a {
	color:#85C226;
	top:-30px;
}
.leistungen-details .text {
	padding:20px 35px 0 35px;
}
.leistungen-details .text .trans {
	-webkit-transition-delay:0.3s;
    transition-delay:0.3s;
    opacity:0;
    -webkit-transform:translate3D(0,100px,0);
    -moz-transform:translate3D(0,100px,0);
    -ms-transform:translate3D(0,100px,0);
    -o-transform:translate3D(0,100px,0);
    transform:translate3D(0,100px,0);
}
.leistungen-details .col:hover .text .trans {
	opacity:1;
	color:#fff;
	-webkit-transform:translate3D(0,0,0);
    -moz-transform:translate3D(0,0,0);
    -ms-transform:translate3D(0,0,0);
    -o-transform:translate3D(0,0,0);
    transform:translate3D(0,0,0);
}

/* aktuelle projekte + grafikdesign referenzen */
#projekte .col  {
	margin-top:40px;
}
#projekte .col figure, .leistung .col figure {
	overflow:hidden;
	position:relative;
}
#projekte .col figure {
	height:225px;
}
.leistung .col figure {
	height:335px;
}
#projekte .col figure img, .leistung .col figure img, #ueber-mich .img img, .portfolio .logo .col:first-child img {
	object-fit:cover;
	width:100%;
	height:100%;
    opacity:0;
    -webkit-transition:opacity 2s ease-in-out, transform .6s ease-in-out;
    -moz-transition:opacity 2s ease-in-out, transform .6s ease-in-out;
    -ms-transition:opacity 2s ease-in-out, transform .6s ease-in-out;
    -o-transition:opacity 2s ease-in-out, transform .6s ease-in-out;
    transition: opacity 2s ease-in-out, transform .6s ease-in-out;
}
#projekte .show .col figure img, .leistung .show .col figure img, #ueber-mich .show .img img, .portfolio .logo .col:first-child .show img {
  opacity: 1;
}
#projekte .col figure a, .leistung .col figure a {
	position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.5);
    text-align:center;
    font-size:36px;
    visibility:hidden;
    -webkit-transform:scale(0.2);
    -moz-transform:scale(0.2);
    -ms-transform:scale(0.2);
    -o-transform:scale(0.2);
    transform:scale(0.2);
}
#projekte .col figure a svg, .leistung .col figure a svg {
	position:relative;
	top:50%;
	left:50%;
	display:block;
	margin-top:-18px;
	margin-left:-18px;
	color:#85C226;
}
#projekte .col figure:hover a, .leistung .col figure:hover a {
    visibility:visible;
    border-radius:0;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
#projekte .col figure:hover img, .leistung .col figure:hover img {
	-webkit-transform:scale3d(1.15,1.15,1);
    -moz-transform:scale3d(1.15,1.15,1);
    -ms-transform:scale3d(1.15,1.15,1);
    -o-transform:scale3d(1.15,1.15,1);
    transform:scale3d(1.15,1.15,1);
}
#projekte h3 {
	color:#292929;
}

/* zahlen */
.zahlen {
	background:#232a34;
	padding:75px 0;
	color:#808489;
	text-align:center;
	margin-top:80px;
}
.zahlen .row {
	padding-top:23px;
}
.zahlen .counter {
	font:40px 'Patua',sans-serif;
	color:#85C226;
}
.zahlen .plus::after {
	content:'+';
}
.zahlen p::before {
	width:66px;
	height:2px;
	display:block;
	margin:15px auto 22px;
	background-color:#808489;
	content:'';
}
.zahlen p {
    font-size:18px;
    line-height:30px;
}
.zahlen .small {
    text-align:right;
    font-size:12px;
}

/* #referenzen startseite */
.mod_newslist {
	display:flex;
	flex-wrap:wrap;
}
.mod_newslist .layout_latest {
    width:33.334%;
	padding:0 10px;
	margin-bottom:20px;
}
.mod_newslist figure {
	background:#85C226;
	position:relative;
	overflow:hidden;
	text-align:center;
	height:250px;
}
.mod_newslist figure img, .ce_gallery figure img {
	-webkit-transition: opacity 0.35s, -webkit-transform 1s;
	transition:opacity 0.35s, transform 1s;
	-webkit-transform: scale(1);
	transform:scale(1);
	display:block;
	min-height:100%;
	max-width:100%;
	object-fit:cover;
}
.mod_newslist figure:hover img, .leistung .ce_gallery figure:hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
.mod_newslist figure:hover img {
	opacity:0.1;
}
.leistung .ce_gallery figure {
	overflow:hidden;
}
.leistung .ce_gallery figure:hover img {
	opacity:1;
}
figure figcaption {
	padding:1.25em;
	color:#fff;
	font-size:1.25em;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
figure figcaption::before,
figure figcaption::after {
	pointer-events:none;
}
figure figcaption,
figure figcaption > a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
figure figcaption > a {
	z-index:1000;
	text-indent:200%;
	white-space:nowrap;
	font-size:0;
	opacity:0;
}
figure a {
	font-weight:700;
	color:#fff;
}
figure .headline,
figure p {
	margin:0;
	opacity:0;
}
figure figcaption::before,
figure figcaption::after {
	position:absolute;
	top:20px;
	right:20px;
	bottom:20px;
	left:20px;
	content:'';
	opacity:0;
	-webkit-transition:opacity 0.5s, -webkit-transform 0.5s;
	transition:opacity 0.5s, transform 0.5s;
}
figure figcaption::before {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	-webkit-transform:scale(0,1);
	transform:scale(0,1);
}
figure figcaption::after {
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	-webkit-transform:scale(1,0);
	transform:scale(1,0);
}
figure .headline {
	text-transform:uppercase;
	padding-top:20%;
	-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
	transition:opacity 0.35s, transform 0.35s;
	-webkit-transform:translate3d(0,-60px,0);
	transform:translate3d(0,-60px,0);
	transition-delay:0.3s;
}
figure .p {
	padding:20px 2em;
	-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
	transition:opacity 0.35s, transform 0.35s;
	-webkit-transform:translate3d(0,60px,0);
	transform:translate3d(0,60px,0);
	transition-delay:0.3s;
}
figure:hover figcaption::before,
figure:hover figcaption::after {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
}
figure:hover .headline,
figure:hover .p {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
#referenzen .bt-referenzen {
	text-align:center;
}
#referenzen .bt-referenzen a {
	margin:20px 15px 0 15px;
}

/* überzeugt? */
.ueberzeugt {
	padding:115px 0;
	background:url('/files/layout/webdesign-weil-am-rhein.jpg') no-repeat center;
    background-attachment:scroll;
    background-size: uto;
	background-size:cover;
	background-attachment:fixed;
	margin-top:80px;
	text-align:center;
}
.ueberzeugt h2 {
	text-transform:inherit;
	font-size:24px;
	font-weight:normal;
	margin-bottom:0;
}
.ueberzeugt h2:before {
	content:none;
}
.ueberzeugt p, .ueberzeugt h2 {
	color:#fff;
}
.ueberzeugt p:first-child {
	text-transform:uppercase;
}
.ueberzeugt span {
	color:#85C226;
}

/* über mich */
#ueber-mich .col-25,
#ueber-mich .img {
	overflow:hidden;
	position:relative;
	text-align:center;
}
#ueber-mich .img {
	background: #e6e6e6;
}
#ueber-mich .opacity {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(230,230,230,0.9);
	padding:35px 0 20px 0;
	opacity:0;
	-webkit-transform:scale(1,0);
	-moz-transform:scale(1,0);
	-ms-transform:scale(1,0);
	-o-transform:scale(1,0);
	transform:scale(1,0);
	-ms-transform-origin:0 0;
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
}
#ueber-mich .headline {
	color:#808489;
}
#ueber-mich .opacity .headline {
	line-height:40px;
	padding:0 18px;
	border:1px solid #85C226;
	display:inline-block;
	font-weight:700;
}
#ueber-mich .opacity p {
	padding:0 7px;
	font-size:14px;
}
#ueber-mich .opacity p:nth-child(2) {
	margin:22px 0 15px 0;
	font-size:16px;
	color:#808489;
}
#ueber-mich .col:hover .img .opacity {
	opacity: 1;
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
#ueber-mich .name {
	background:#e6e6e6;
    overflow:hidden;
    position:relative;
    min-height:70px;
}
#ueber-mich .name .headline {
	margin:5px 0 0 0;
	color:#696f78;
	font-size:18px;
}
#ueber-mich .name p {
	font-size:14px;
	margin-top:0;
}
#ueber-mich .col:hover .name p {
	visibility:hidden;
    -webkit-transform:translate3D(0,-100px,0);
    -moz-transform:translate3D(0,-100px,0);
    -ms-transform:translate3D(0,-100px,0);
    -o-transform:translate3D(0,-100px,0);
    transform:translate3D(0,-100px,0)
}
#ueber-mich .name ul {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	-webkit-transform:translate3D(0,100px,0);
	-moz-transform:translate3D(0,100px,0);
	-ms-transform:translate3D(0,100px,0);
	-o-transform:translate3D(0,100px,0);
	transform:translate3D(0,100px,0);
}
#ueber-mich .col:hover .name ul {
    -webkit-transform:translate3D(0,0,0);
    -moz-transform:translate3D(0,0,0);
    -ms-transform:translate3D(0,0,0);
    -o-transform:translate3D(0,0,0);
    transform:translate3D(0,0,0);
}
#ueber-mich .name ul li {
	display:inline-block;
	margin:15px 5px 0 5px;
}
#ueber-mich .name ul li svg {
	width:30px;
	height:30px;
	-webkit-transition:color .3s ease-in-out;
    -moz-transition:color .3s ease-in-out;
    -ms-transition:color .3s ease-in-out;
    -o-transition:color .3s ease-in-out;
    transition:color .3s ease-in-out;
}
#ueber-mich .name ul li svg:hover {
	color:#000;
}
#ueber-mich .name ul li a {
    margin:0 7px;
}

/* kunden startseite */
.kunden {
	background:#f9f9f9;
	padding:75px 0;
	margin-top:80px;
}
.kunden .col {
	text-align:center;
}
.kunden .logos img {
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
	-webkit-transition:all .8s ease;
	-o-transition:alt .8s ease;
	transition:all .8s ease,
	object-fit:contain;
	opacity:.6;
	height:80px;
	width:80%;
	padding-top:20px;
}
.kunden .logos img:hover {
	-webkit-filter:grayscale(0);
	filter:grayscale(0);
	opacity:1;
}
.bewertung {
	margin-top:40px;
}
.google {
	background-color:#fff;
	border-top:4px solid #4885ed;
	box-shadow:5px 5px 5px 0px #ccc;
}
.google-icon {
	float:left;
	padding-left:5px;
}
.google img {
	max-width:50px;
	margin-top:50%;
}
.google p {
	margin:5px 0;
}
.google p:last-child {
	font-size:12px;
}
.sterne {
	--percent: calc(var(--rating) / 5 * 100%);
	display:inline-block;
    font-family:Times;
    line-height:1;
}
.sterne::before {
    content:"★★★★★";
    letter-spacing:3px;
    background:linear-gradient(90deg, #333 var(--percent), #ccc var(--percent));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.kunden .sterne, .google-rating {
	font-size:30px;
}
.portfolio .sterne {
	font-size:25px;
}
.portfolio .layout_full .col li {
	font-size:16px;
}
.portfolio .layout_full .col li, footer li {
	display:inline-block;
}
.portfolio .layout_full .col li:after, footer li:after {
	content:" | ";
}
.portfolio .layout_full .col li:last-child:after, footer li:last-child:after {
	content:"";
}

/* kontakt */
#kontakt ul {
	margin-top:50px;
}
#kontakt li {
	margin-bottom:30px;
}
#kontakt svg, .daten svg {
	float:left;
	width:60px;
	height:60px;
	color:#fff;
	padding:15px;
	line-height:60px;
	border:1px solid #232a34;
	border-radius:5px;
	background-color:#232a34;
	text-align:center;
	margin-right:15px;
}
.daten svg {
	margin:0 15px 30px 0;
}
.portfolio .col p {
	margin-bottom:20px;
}
#kontakt svg:hover {
	color:#85C226;
	border:1px solid #85C226;
	background-color:transparent;
}

/* referenzen (portfolio) übersicht */
.referenzen .mod_newslist .layout_latest {
	width:25%;
}
.referenzen .sub p {
	margin-top:35px;
}

/* referenzen (portfolio) einzelansicht */
.filter {
	text-align:center;
	margin-bottom:50px;
}
.filter svg {
	vertical-align:middle;
}
.filter a {
	display:inline-block;
	position:relative;
	cursor:pointer;
	font-weight:700;
	color:#292929;
	font-size:16px;
	line-height:26px;
	padding:0 8px 15px 8px;
	margin:15px 10px 0 15px;
}
.portfolio .navbar ul li a {
	color:#292929;
}
.portfolio .mod_newsreader figure {
	width:100%;
	text-align:center;
	position:relative;
}
.portfolio .mod_newsreader figure img {
	width:90%;
	height:auto;
}
.portfolio .mod_newsreader .mod_newslist figure img {
	width:100%;
}
.portfolio .layout_full a img, .portfolio .layout_full .vp {
	margin-top:40px;
}
.portfolio .layout_full img {
	vertical-align:sub;
	margin-right:8px;
}
.portfolio .daten {
	background-color:#f3f3f3;
	margin-top:-8px;
	text-transform:capitalize;
}
.portfolio .daten .col {
	padding-top:30px;
}
.portfolio .layout_full .col.filter {
	text-transform:capitalize;
}
.portfolio .layout_latest.active,.portfolio .back {
	visibility:hidden;
	display:none;
}
.portfolio .fi-star {
	font-size:20px;
}
.sprechblase {
	margin:0 0 40px 0;
	display:inline-block;
	position:relative;
	width:95%;
	height:auto;
	background-color:lightyellow;
	border:8px solid #666;
}
.sprechblase .innen {
	padding:1.5em;
}
.sprechblase .innen p {
	margin-bottom:0;
	-webkit-margin-before:0;
    -webkit-margin-after:0;
    font-style:italic;
}
.sprechblase:before {
	content:'';
	position:absolute;
	width:0;
	height:0;
	left:30px;
	right:auto;
	top:auto;
	bottom:-40px;
	border:20px solid;
	border-color:#666 transparent transparent #666;
}
.sprechblase:after {
	content:'';
	position:absolute;
	width:0;
	height:0;
	left:38px;
	right:auto;
	top:auto;
	bottom:-20px;
	border:12px solid;
	border-color:lightyellow transparent transparent lightyellow;
}
.portfolio .logo .col:first-child p {
	padding:7% 0;
	text-align:center;
}
.portfolio .logo .col:first-child p {
	background:url('/files/layout/bg.jpg');
	background-position:center;
}
.portfolio .logo .col:first-child p img {
	max-width:80%;
	margin:20px 0;
}
.portfolio figcaption {
	margin-bottom:50px;
}
.weitere-projekte {
	background-color:#f9f9f9;
	padding:50px 0;
	margin-top:80px;
	position:relative;
}
.weitere-projekte .sibling-prev, .weitere-projekte .sibling-next {
	position:absolute;
	top:45%;
	font-size:40px;
}
.weitere-projekte .sibling-prev {
	left:0.5%;
}
.weitere-projekte .sibling-next {
	right:0.5%;
}

/* leistung unterseiten (webdesign, seo, webhosting, wartung, fotografie, edv-service */
.leistung .center {
	padding:30px 0;
}
.leistung .overlay {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#000;
	opacity:.75;
}
.leistung .header {
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	background-size:cover;
}
.leistung .header img {
	display:block;
}
.leistung h1 {
	position:absolute;
	bottom:25px;
	font-size:48px;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
}
.leistung .hand .col {
	padding:0 25px 15px 25px;
	border-radius:2px;
	display:inline-block;
	margin:1rem;
	position:relative;
	box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition:all 0.4s cubic-bezier(.25,.8,.25,1);
}
.leistung .hand .col:hover {
	box-shadow:0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.leistung .hand .col.fotografie img {
	float:right;
}
.leistung .seo p:first-child {
	color:#85C226;
	margin:20px 0 -10px;
	font-size:30px;
	font-weight:bold;
}
.leistung .hand h3, .leistung .hand .h3, .leistung .h3 {
	line-height:50px;
	margin-top:20px;
}
.leistung .hand img {
	vertical-align:top;
	margin-right:10px;
}
.leistung h3 svg, .leistung .h3 svg, .leistung .h3 img {
	float:left;
	color:#85C226;
	width:50px;
	height:50px;
	margin-right:10px;
}
.leistung .ce_text ul {
	font-size:16px;
	margin-left:35px;
}
.leistung .ce_text ul li {
	background:url('/files/layout/fi-check.svg') no-repeat top left;
	padding-left:35px;
}
.leistung .ce_gallery h3 {
	margin-left:1rem;
}
.leistung .ce_gallery ul {
	margin: 1rem 0.1rem 0 1rem;
}
.leistung .ce_gallery li {
	width:33%;
}
.leistung .ce_gallery img {
	opacity:0.5;
}
.leistung .weitere-projekte {
	padding:20px 0 100px 0;
}
.visitenkarten-logo {
	margin-bottom:20px;
}
.visitenkarten-logo h4 {
	margin-top:0;
	font-size:16px;
	font-weight:300;
	position:absolute;
}
.visitenkarten-logo h4::before {
    content:attr(data-text);
    position:absolute;
    top:0;
    left:0;
    color:white;
    background-color:#85C226;
    overflow:hidden;
    width:0%;
    transition:1s;
}
.leistung .col figure:hover ~ h4::before {
	width:100%;
}

/* leistung nav webdesign, webhosting, etc.) */
.mod_customnav li {
    display:inline-block;
    margin:0 20px 5px 0;
}
.mod_customnav li a {
    display:block;
    padding:9px 19px;
    border:1px solid #dfdfdf;
    transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -webkit-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.mod_customnav li a:hover, .mod_customnav li.active {
    padding:8px 18px;
    border:2px solid #333;
    color:#333;
}
.mod_customnav strong {
	font-weight:400;
}

.error-404 p:nth-child(n+4) {
	text-align:center;
}
.error-404 .logo {
	max-width:150px;
}

/* footer */
footer {
	position:absolute;
	bottom:0;
	width:100%;
	padding:30px 0;
	background-color:#292929;
	color:#fff;
}
footer p {
	font-size:14px;
	margin-bottom:0;
	text-align:center;
}
footer a {
	color:#fff;
	font-weight:500;
}
footer a:after, footer li a:after {
	border-bottom:2px solid #fff;;
}
footer .right {
	text-align:right;
}
footer strong {
	font-weight:300;
}

.cookiebar--active {
 display:flex!important;
 justify-content:center;
 align-items:center;
 flex-wrap:wrap
}
.cookiebar {
	box-sizing:border-box;
	max-width:350px;
	bottom:30px;
	left:30px;
	position:fixed;
	padding:0;
	background-color:#454545;
	color:#fff;
	z-index:99;
	width:100%;
	border-radius:5px;
}
.cookiebar img {
	margin:25px 0 10px 0;
	border:1px solid #ccc;
	border-radius:50%;
	width:50px;
	height:50px;
	padding:5px;
}
.cookiebar__text {
	padding:0 25px;
	text-align:center;
}
.cookiebar__button {
	margin-bottom:25px;
}

/* flickity */
.flickity-enabled {
	position:relative;
}
.flickity-enabled:focus { 
	outline: none;
}
.flickity-viewport {
	overflow:hidden;
	position:relative;
	height:100%;
}
.flickity-slider {
  position:absolute;
  width:100%;
  height:100%;
}
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.logos .flickity-viewport {
	box-shadow:1px 3px 4px 0px #888;
	background-color:#fff;
}
.logos .carousel-cell {
	width:25%;
	text-align:center;
}
.logos .carousel-cell img {
	height:100px;
	padding:10px 0;
	filter:grayscale(100%);
	opacity:0.6;
	object-fit:contain;
}
.meinungen .carousel-cell {
	width:30%;
	margin:0 2.2% 1%;
	background-color:#fff;
	box-shadow:5px 5px 5px 0px #ccc;
	transition:box-shadow .3s;
}
.meinungen .carousel-cell:hover {
	box-shadow:10px 10px 10px 0px #ccc;
}
.meinungen .carousel-cell p {
	height:380px;
	padding:20px 15px;
	font-size:15px;
	line-height:24px;
	text-align:center;
}
.logos .flickity-button, .flickity-page-dots {
	display:none;
}
.meinungen .flickity-button {
	position:absolute;
}
.flickity-prev-next-button {
  width:50px;
  height:50px;
  transform:translateY(-110%);
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
.flickity-rtl .flickity-prev-next-button.previous {
  left:auto;
  right:10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right:auto;
  left:10px;
}
.flickity-prev-next-button .flickity-button-icon {
  position:absolute;
  left:20%;
  top:20%;
  width:60%;
  height:60%;
}

/* milligram */
blockquote {
    margin-right:0;
    margin-left:0;
    padding:1rem 1.5rem;
    border-left:.3rem solid #d1d1d1;
}
blockquote *:last-child {
    margin-bottom:0;
}
.button, .bt,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
    display:inline-block;
    padding:12px 35px;
    margin-top: 25px;
    text-align:center;
    font-size:14px;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
.bt, button {
	background-color:#85C226;
	border:2px solid #85C226;
}
.bt.kontakt {
	background-color:#000;
	border:2px solid #000;
}
.button {
    border:2px solid #85C226;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    position:relative;
    -webkit-transition-property:color;
    transition-property:color;
}
.bt:hover, button:hover {
	color:#85C226;
	background-color:#fff;
	-webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}
.bt.kontakt:hover {
	border:2px solid #85C226;
	-webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}
.bt:hover svg {
	fill:#85C266;
	-webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}
.bt svg {
	vertical-align:sub;
	width:18px;
	height:18px;
	fill:#fff;
}
.bt i:before {
	font-size:20px;
}
.button:before,
input[type='button'],
input[type='reset'],
input[type='submit'] {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#85C226;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
}
.button:focus:before,
.button:hover:before,
input[type='button']:hover:before,
input[type='button']:hover:before,
input[type='reset']:hover:before,
input[type='reset']:hover:before,
input[type='submit']:hover:before,
input[type='submit']:hover:before {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.button[disabled],
input[type='button'][disabled],
input[type='reset'][disabled],
input[type='submit'][disabled] {
    cursor:default;
    opacity:.5;
}

hr {
    margin:3.0rem 0;
    border:0;
    border-top: 0.1rem solid #f4f5f6;
}
input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
textarea,
select {
    width:100%;
    line-height:50px;
    padding:0px 15px;
    border:1px solid #dfdfdf;
    color:#292929;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    box-shadow: none;
    box-sizing: inherit;
    margin-bottom:25px !important;
}
input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
textarea:focus,
select:focus {
    border-color:#292929;
    outline: 0;
}
select {
    padding-right:3.0rem;
    background: url('data:image/svg+xml;
    utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat;
}
select:focus {
    background-image: url('data:image/svg+xml;
    utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>');
}
textarea {
    min-height:6.5rem;
}
label,
legend {
    display:block;
    margin-bottom:.5rem;
    font-size:1.6rem;
    font-weight: 700;
}
fieldset {
    padding:0;
    border:0;
}
input[type='checkbox'],
input[type='radio'] {
    display:inline;
}
.label-inline {
    display:inline-block;
    margin-left:.5rem;
    font-weight:normal;
}
dl,
ol,
ul {
    margin-top:0;
    padding-left:0;
    list-style: none;
}
dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
    margin:1.5rem 0 1.5rem 3.0rem;
    font-size:90%;
}
ol {
    list-style: decimal inside;
}
ul {
    list-style-type:none;
}
.button,
button,
dd,
dt {
    margin-bottom:1.0rem;
}
fieldset,
input,
select,
textarea {
    margin-bottom:1.5rem;
}
blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
    margin-bottom:1rem;
}
table {
    width:100%;
    border-spacing:0;
}
td,
th {
    padding:1.2rem 1.5rem;
    text-align:left;
    border-bottom:.1rem solid #e1e1e1;
}
td:first-child,
th:first-child {
    padding-left:0;
}
td:last-child,
th:last-child {
    padding-right:0;
}
.clearfix:after {
    clear:both;
    display:table;
    content: ' ';
}
.float-left {
    float:left;
}
.float-right {
    float:right;
}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}