/*
Theme Name: hannes+co
Theme URI: http://www.hannesundco.de
Template: Divi
Author: Dominik Schmid
Author URI: http://www.hannesundco.de
Description: Jung. Erfahren. Unrasiert.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 1.0.1490468413
Updated: 2017-03-25 20:00:13

*/
*, body, html { font-feature-settings: "ss03" 1 !important; }

input, button, select, textarea, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

#logo {
    max-height: 22% !important;
}
#main-footer {
position: absolute;
bottom: 0;
width: 100%;
}
.et_slide_in_menu_container #mobile_menu_slide li a, .et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a {
    padding: 25px 0;
}
.et_header_style_slide .et_slide_in_menu_container .et_mobile_menu li a {
    font-size: 3.4rem !important;
}
.mobile_menu_bar:before { font-size: 44px; }
.et_toggle_slide_menu:after, .mobile_menu_bar:before { font-size: 44px; }
.et_mobile_menu li a:hover, .nav ul li a:hover { opacity: 1; color: #ffffff !important; }
.et_slide_in_menu_container ul#mobile_menu_slide { padding: 6rem 5rem 0; }

.blurb_click:hover { cursor: pointer !important; }

/* ------------ Cookie Notice ------------ */

#cookie-notice { background-color: rgba(0, 0, 0, 0.8) !important; }
#cn-notice-text { font-size: 1rem; }
#cookie-notice .button.wp-default {
    font-size: 1rem;
    line-height: 18px;
    padding: 8px 60px;
    background: #FF3E3F;
    border-color: transparent !important;
    color: #fff;
    text-shadow: none !important;
    -moz-box-sizing: border-box;
    border-radius: 0 !important;
    white-space: nowrap;
}
#cookie-notice .button.wp-default:focus, #cookie-notice .button.wp-default:hover {
    background: #FF3E3F;
    border-color: #999;
    color: #fff;
    opacity: 0.8;
}

/* ------------- Revealing Text Effect --------------- */
:root {
	--delay: 0;
	--duration: 1800ms;
	--iterations: 1;
}
body {
	background-color: #1b1b1b;
}

.reveal-text,
.reveal-text::after {
	-webkit-animation-delay: var(--animation-delay, 2s);
	        animation-delay: var(--animation-delay, 2s);
	-webkit-animation-iteration-count: var(--iterations, 1);
	        animation-iteration-count: var(--iterations, 1);
	-webkit-animation-duration: var(--duration, 800ms);
	        animation-duration: var(--duration, 800ms);
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
	        animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}

.reveal-text {
	--animation-delay: var(--delay, 0);
	--animation-duration: var(--duration, 800ms);
	--animation-iterations: var(--iterations, 1);
	position: relative;
	font-size: 10vw;
	-webkit-animation-name: clip-text;
	        animation-name: clip-text;
	color: #FFF;
	white-space: nowrap;
	cursor: default
	
}

.reveal-text::after {
		content: "";
		position: absolute;
		z-index: 999;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #1b1b1b;
		-webkit-transform: scaleX(0);
		        transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		        transform-origin: 0 50%;
		pointer-events: none;
		-webkit-animation-name: text-revealer;
		        animation-name: text-revealer;
	}


@-webkit-keyframes clip-text {
	from {
		-webkit-clip-path: inset(0 100% 0 0);
		        clip-path: inset(0 100% 0 0);
	}
	to {
		-webkit-clip-path: inset(0 0 0 0);
		        clip-path: inset(0 0 0 0);
	}
}


@keyframes clip-text {
	from {
		-webkit-clip-path: inset(0 100% 0 0);
		        clip-path: inset(0 100% 0 0);
	}
	to {
		-webkit-clip-path: inset(0 0 0 0);
		        clip-path: inset(0 0 0 0);
	}
}


@-webkit-keyframes text-revealer {
	
	0%, 50% {
		-webkit-transform-origin: 0 50%;
		        transform-origin: 0 50%;
	}
	
	60%, 100% {
		-webkit-transform-origin: 100% 50%;
		        transform-origin: 100% 50%;		
	}

	
	60% {
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
	
	100% {
		-webkit-transform: scaleX(0);
		        transform: scaleX(0);
	}
}


@keyframes text-revealer {
	
	0%, 50% {
		-webkit-transform-origin: 0 50%;
		        transform-origin: 0 50%;
	}
	
	60%, 100% {
		-webkit-transform-origin: 100% 50%;
		        transform-origin: 100% 50%;		
	}

	
	60% {
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
	
	100% {
		-webkit-transform: scaleX(0);
		        transform: scaleX(0);
	}
}

/* Button-Module nebeneinander */
.inline-buttons .et_pb_button_module_wrapper { display: inline-block; margin: 0 10px; }

/* Ausrichtung der Button-Module – Linksbündig */
.inline-buttons { text-align: left !important; }

/* Ausrichtung der Button-Module – Zentriert */
.inline-buttons.align-center { text-align: center !important; }

/* Ausrichtung der Button-Module – Rechtsbündig */
.inline-buttons.align-right { text-align: right !important; }