/*
Theme Name: hahnchild
Theme URI: https://wp-themes.com/twentysixteen
Author: gtn
Author URI: https://gtn-solutions.com
Description: hahnchild
Template: twentysixteen
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.0
Text Domain: hahnchild
*/



@font-face {
    font-family: 'ubuntulight';
    src: url('fonts/ubuntu-l-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-l-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*

@font-face {
    font-family: 'ubuntulight_italic';
    src: url('fonts/ubuntu-li-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-li-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


*/

@font-face {
    font-family: 'ubuntumedium';
    src: url('fonts/ubuntu-m-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-m-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*

@font-face {
    font-family: 'ubuntumedium_italic';
    src: url('fonts/ubuntu-mi-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-mi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


*/

@font-face {
    font-family: 'ubunturegular';
    src: url('fonts/ubuntu-r-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-r-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*

@font-face {
    font-family: 'ubuntuitalic';
    src: url('fonts/ubuntu-ri-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-ri-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/


body {
	background-color: #fff;
	top: 0;
	font-family: 'ubunturegular';
}

body:not(.custom-background-image).admin-bar::before {
	top: 0;
	height: 0;
}

body:not(.custom-background-image):before, body:not(.custom-background-image):after {
	top: 0;
	height: 0;
}

.site {
	margin: 0;
	background-color: #fff;
	background-color: transparent !important;
}

h1,h2,h3,h4,h5 {
	font-family: 'ubuntumedium';
	color: #fff;
}

.content-area {
    float: none;
    margin-right: 0;
    width: 100%;
}

.entry-content blockquote:not(.alignleft):not(.alignright), .entry-summary blockquote, .comment-content blockquote {
	margin-left: 0;
}

.site-header {
	padding: 5.25em 4.5455%;
	padding: 0;
}

.site-content {
	padding: 0 4.5455%;
	padding: 0;
}

.headsec {
/*	background-image: url("pix/eier.65704d24.jpg");
	background-attachment: fixed;
	background-position: center;
	background-size: cover;*/
}

/*.section1 .fp-bg{
   background-image: url("pix/eier.65704d24.jpg");
    background-size: cover;
    background-position: center 80%;
}*/

.overlay {
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	z-index: 99;
	height: 100%;
	top: 0;
	bottom: 0;
	width: 100%;
}

.info {
	color: #fff;
	max-width: 70%;
	font-size: 1.3rem;
	position: relative;
	text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.brand {
	position: relative;
	text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.section2 .info {
	

}

.section a {
	color: #fff;
	text-decoration: underline;
}

.btn .wp-block-button__link {
	background-color: #0078a8;
	border-radius: 10px;
	color: #fff;
	font-family: 'ubuntumedium';
	padding: 8px 28px;
	font-size: 1rem;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(255,255,255,0);
	-moz-box-shadow: 0px 0px 11px 0px rgba(255,255,255,0);
	box-shadow: 0px 0px 11px 0px rgba(255,255,255,0);
	transition: box-shadow 2000ms ease-in-out;
	text-decoration: none !important;
}

.ugb-container.section .ugb-container__content-wrapper .btn {
	margin-top: 2.5rem !important;
}

.ugb-container.section4 .ugb-container__content-wrapper .btn {
	margin-bottom: 2.5rem !important;
}

.btn .wp-block-button__link:hover {
	background-color: #000;
	opacity: 1;
	-webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 11px 0px rgba(255,255,255,1);
	box-shadow: 0px 0px 11px 0px rgba(255,255,255,1);
}

.section h2 {

    font-size: 3rem;
}

.section p {

    font-size: 1.55rem;
}

.section3 h2 {
	color: #939499;
}

.brand {
	max-width: 800px;
}

.section1,
.section2,
.section3,
.section4 {
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
}

.section1 {
	background-color: transparent !important;
	background-image: url("pix/eier.65704d24.jpg");
	background-size: cover;
	background-attachment: fixed;
}

.section2 {
	background-image: url("pix/bg-netzwerk.254ec3e8.jpg");
}

.section2 .overlay {
	background-color: rgba(0,0,0,0.5);
}

.section4 {
	background-image: url("pix/bg02.e3b040bf.jpg");
}

.section4 .overlay {
	background-color: rgba(0,0,0,0.3);
}

.ugb-container {
	margin-bottom: 0;
	margin-top: 0;
}

.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
	padding-left: 10px;
	padding-right: 10px;
}

.ugb-container .ugb-container__content-wrapper .imprintfooter {
	font-size: .85rem !important;
	margin-top: 1rem !important;
}

/* ###### Stackable Reset ###### */

.ugb-container {
	padding: 0;
}

.ugb-container__wrapper {
	position: absolute;
	z-index: 999;
	height: 100%;
	top: 0;
	bottom: 0;
	width: 100%;
	
}

.section2 .ugb-container__wrapper {
	background-color: rgba(0,0,0,0.5);
}

.section4 .ugb-container__wrapper {
	background-color: rgba(0,0,0,0.5);
}

.ugb-container__content-wrapper {
	color: #fff;
	max-width: 50%;
	font-size: 1.3rem;
	position: relative;
	text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.section3 .ugb-container__content-wrapper {
	max-width: 80%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

ul.wp-block-gallery {
	margin-left: 0;
}

.responsivContainer {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
}

.responsivContainer iframe, .responsivContainer object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.modal h2 {
	color: #000;
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

.modal a.close-modal[class*="icon-"] {
	 background: red !important:
}

.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
	align-items: center;
}

.arrowBottom {
	color: black;
	position: absolute;
	bottom: 5%;
	z-index: 9999;
	text-align: center;
	width: 100%;
}

.arrowBottom img {
	max-width: 150px;
	opacity: 0.5;
}

@media (max-width: 1250px) {
	.ugb-container__content-wrapper {
		max-width: 70%;
	}
}

@media (max-width: 1150px) {
	.ugb-container__content-wrapper {
		max-width: 80%;
	}
}



@media (max-width: 800px) {
	.section h2 {
	    font-size: 2rem;
	}
	.section p {
		font-size: 1.2rem;
	}
	.btn .wp-block-button__link {
		font-size: .9rem;
	}
}

@media (max-width: 800px) {
	.ugb-container__content-wrapper {
		max-width: 80%;
	}
	.brand {
		max-width: 90%;
	}
} 

@media (max-width: 680px) {
	.brand {
		max-width: 90%;
	}
}