/*
Theme Name: GeneratePress Child
Theme URI: http://deine-website.com
Description: Child Theme für GeneratePress
Author: Dein Name
Author URI: http://deine-website.com
Template: generatepress
Version: 1.0.0
*/

/* Hier kannst du deine eigenen Styles hinzufügen */
html {
	scroll-behavior: smooth;
}
html, body {
	overflow-x:hidden;
}
.one-container .site-content {
	padding-top:0;
}
header.site-header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:2
}

.fade-in {
	opacity:0;
	transition: all 1.3s ease;
	position:relative;
	z-index:1;
}
.fade-in.in-view {
	opacity:1;
	transition: all 1.3s ease;
}
.fade-in.two.in-view {
	transition-delay: .5s;
}
.fade-in.three.in-view {
	transition-delay: 1s;
}

.slide-up {
	opacity:0;
	transform:translatey(50px);
	transition: opacity 1.2s linear, transform 1.4s ease;
	
}
.slide-up.in-view {
	opacity:1;
	transform:translatey(0);
	transition: opacity 1.2s linear, transform 1.4s ease;
}

ul#menu-single {
	display:flex;
	justify-content:flex-end;
	margin-top:25px;
}
ul#menu-single li a{
	font-size:20px;
	font-weight:500;
	margin: 0 5px;
	padding:7px 30px;
	text-decoration:none;
}
ul#menu-single li:last-child a{
	color:#fff;
	background:#00A9DA;
	border-radius:5px;
	box-shadow: 1px 3px 4px rgba(0,0,0,.2);
}
ul#menu-single li:last-child a:hover {
	opacity:.85;
}

a, a:hover {
	transition: all .3s ease;
}
.viewport {
	height:100vh;
	position:relative;
}
/*.viewport::before {
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.4);
	z-index:1
}
*/

.viewport div {
	//position:relative;
	z-index:2;
	color: #fff
}

.viewport h1 {
	opacity:0;
  font-weight:700;
  animation: fadeIn 1.5s 1s linear forwards;
}

.viewport h1 strong {
	
	color:#85BA39;
}
.viewport .cta-button {
	opacity:0;
	animation: fadeIn 1.5s 1s linear forwards;
}

@keyframes shine {
  0% {
    background-position: 100% ;
	  opacity:1;
  }
  100% {
    background-position: 0% ;
	  opacity:1;
  }
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}




h4.widget-title {
	text-align:right;
	font-size:12px;
	margin-top:5px !important;
}




.no-line h3::after {
	display:none;
}

.cta {
	background-position:right;
	background-size:60%;
	background-repeat:no-repeat !important;
	border-left: 5px solid #00A9DA;
	border-radius:10px ;
	position:relative
}

.cta::before, .cta::after {
	position:absolute;
	content:'';
	height:100%;
	
}
.cta::before {
	top:0;
	left:-2px;
	width:25%;
	border-top: 5px solid #00A9DA;
	border-radius:10px 0 0 10px;
}
.cta::after {
	bottom:0;
	left:-2px;
	width:45%;
	border-bottom: 5px solid #00A9DA;
	border-radius:0 0 2px 10px;
}

.cta h2::after {
	display:none;
}

.ow-button-base .sowb-button {
	padding:12px 30px !important;
	font-weight:600;
	font-size:20px !important;
}

.widget ul li {
	list-style:disc;
	margin-left:20px;
}

.row {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.col-4 {
	width:calc(33.33% - ( 0.5 * 30px ) );
}

.col-6 {
	width:calc(50% - ( 0.5 * 30px ) );
}
.news-container {
	margin-bottom:20px;
	display:flex;
	position:relative;
}
.big .news-container {
	flex-wrap:wrap;
}
.news-container.two {
	flex-direction:column;
}
.news-container .news-img{
	width:33.33%;
	height:165px;
	box-shadow:0 4px 4px rgba(0,0,0,.2);
	background-size:cover;
	background-position:center;
	margin-right:20px;
	transition: all .5s ease-in-out;
}
.big .news-container .news-img{
	width:100%;
	height:250px;
	margin-right:0px;
}
.news-container:hover .news-img {
	opacity:.8;
	transition: all .5s ease-in-out;
}
.news-container.two .news-img,
.news-container.two .news-container-text{
	width:100%;
	margin-top:5px;
}
.news-container a {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1;
}

.news-container-text {
	padding-top:10px;
	width:66.66%;
}
.big .news-container-text {
	padding-top:30px;
	width:100%;
}

.eael-grid-post-holder-inner {
	position:relative;
}

.eael-grid-post-holder-inner .eael-entry-wrapper {
	position:absolute;
	bottom:0;
	background-image:linear-gradient(to top, rgba(0,0,0,.7),rgba(0,0,0,0) );
	border-radius:10px;
}

.eael-grid-post-holder-inner .eael-entry-thumbnail {
	background:#000;
}
.eael-grid-post-holder-inner .eael-entry-thumbnail img{
	opacity:.8;
}


.kontakt {
	position:relative;
}

.kontakt h4.widget-title {
	position:absolute;
	right:158px;
	bottom:0;
	color:#fff;
	font-size:16px;
	background:#003A4B;
	padding:15px 50px 15px 30px;
	margin-bottom:0;
	border-radius:5px 0 0 5px;
}

.single-img {
	background-size:cover;
	background-position:center;
	height:32vh;
	width:100vw;
	position:absolute;
	top:0;
	left:0;
	margin-top:0;
}

.single table,
.single tr,
.single td{
	border:none;
}
.single th, .single td {
	padding:5px;
	line-height:1.7;
	vertical-align:top;
}
.single table tr td:first-child{
	font-weight:300;
}
.single table li {
	margin-bottom:0;
}
.is-right-sidebar {
	width:100%;
}
.is-right-sidebar .widget {
	padding:0;
}
.site-footer {
	position:relative;
	font-size:15px;
}

.footer-widgets-container {
	padding-top:30px;
	padding-bottom:30px;
}




.site-info, .footer-widget-2, .footer-widget-3, .footer-widget-4, .footer-widget-5 {
	display:none;
}



.so-widget-sow-slider .sow-slide-nav, .so-widget-sow-slider .sow-slider-pagination {
	display: none !important;
}


@media only screen and (max-width:600px) {
	.site-header .header-image {
		width:210px;
	}
}