/*
 Theme Name:   oceanwp-child
 Description:  Mein Child Theme
 Author:       Phil Völker
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp-child
*/

@font-face {
 font-family: 'AgfaRotisSansSerif'; /* Gewünschter Name */
 src: url('fonts/AgfaRotisSansSerif.ttf');
}

@font-face {
 font-family: 'agfarotissansserif-bold'; /* Gewünschter Name */
 src: url('fonts/AgfaRotisSansSerifExtraBold.ttf');
}

body{
	font-family:'AgfaRotisSansSerif', sans-serif !important;
	color:#111 !important;
	font-size:18px !important;
	overflow-x:hidden
}

body strong,
body b{
	font-family:'agfarotissansserif-bold', sans-serif !important;	
}

.page-header{
	background-color:#007d81 !important;
}

.page-header h1,
.page-header nav,
.page-header a{
	color:#fff !important
}

#main{
	margin-top:100px
}

.home #main{
	margin-top:0px
}

#site-header{
	position:fixed!important;
	top:0
}

ul.wp-block-latest-posts__list a{
	font-size:30px;
	font-family:'agfarotissansserif-bold', sans-serif !important;
	color:#007d81
}

h1{
	font-size:40px !important;
	line-height:50px !important;
	font-family:'agfarotissansserif-bold', sans-serif !important;
	color:#007d81 !important	
}

.caption{
	font-size: 50px;
    color: #fff;
    position: relative;
	top: -360px;
    line-height: 130%;
    max-width: 1200px;
    margin: auto;
	text-shadow:0 0 5px rgba(0,0,0,0.1)
}

.metaslider .caption-wrap{
	background:none !important;
	opacity:1 !important
}

.slider-74{
    overflow: hidden;
	display:none !important;
	margin-top:100px !important
}

.home .slider-74 {
	display:block !important
}

#footer-widgets{
	background:#007d81 !important;
	color:#fff !important
}

#footer-bottom{
	font-size:15px !important;
	background:#00666d !important
}

#copyright,#footer-bottom #footer-bottom-menu li:after{
	color:#fff;
}

#mittig {
    text-align: center;
    clear: both;
    background: #007d81;
    color: #fff;
    margin-top: 50px;
    margin-bottom: -10px;
    position: relative;
    left: 0;
    bottom: -10px;
    height: 100px;
    width: 100%;
}

#hh {
    position: absolute;
    margin-left: 268px;
    margin-top: -100px;
}

#hl {
    position: absolute;
    margin-left: -506px;
    margin-top: -67px;
}

#voegel {
    position: absolute;
    margin-top: -150px;
    margin-left: -190px;
    animation: fliegen 7s linear infinite;
    animation-direction: alternate;
}

#logoicon {
    background: #007d81;
    margin-top: -25px;
    border-radius: 60px;
    padding: 5px;
    transition: all 20s ease;
}

.cvrbrd h2{
	font-size:50px;
	text-align:left !important;
	position:relative;
	top:30px;
	left:50px;
	width:1300px;
	margin:auto;
	z-index:1;
	text-transform:uppercase
}

.cvrbrd{
	padding:0;
	display:none !important;
	top:-80px;	
}

.home .cvrbrd{
	display:block !important;
}

.ml-slider-3-11-1 li{
	margin-top:-50px !important
}

.home .page-header{
	display:none;
}

h1.page-header-title{
	font-size:30px;
	color:#0c3274;
}

#site-navigation-wrap .dropdown-menu>li>a{
	color:#0c3274 !important;
	font-size:18px !important;
}

li#menu-item-314 a{
	font-family:'agfarotissansserif-bold', sans-serif !important;		
}

#site-logo #site-logo-inner{
	max-width:250px;		
}

#site-logo{
	margin-top:10px;
	margin-bottom:10px;
}

.topbar-content img{
	max-width:5%;
	margin-right:70px;
position:relative;
	top:-1px
}

#top-bar{
	padding:0;
}

.topbar-content h4{float:left;color:#fff;font-weight:bold;font-size:10px;margin-right:25px;top:13px;position:relative;}

#site-navigation-wrap{
	top:15px;
}

body{
	font-size:16px;
}

#site-navigation-wrap .dropdown-menu > li > a,.widget_product_categories li a, .widget_layered_nav li a{
	font-size:15px;
}

.dropdown-menu ul li a.menu-link{
	font-size:15px !important;
	color:#0c3274
}

.after-header-content{
margin-top: 11px;
margin-left: 35px;	
}

.term-description a{
	background:#007d81;
	color:#fff;
	padding:10px;
	transition:all 0.5s ease;
}

.term-description a:hover{
	background:#929292;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label{
	font-weight:500 !important;
}

.topbar-content h4{
	float:none;
}

#content-wrap:before{
	content:" ";
	position:absolute;
	left:0;
	top:-100px;
	width:100%;
	max-width:1200px;
	left:30%;
	height:100%;
	background:url(https://relaunch.hansafolien.de/wp-content/uploads/2022/06/dreieck.svg);
	background-position:top;
	background-repeat:no-repeat;
	background-size:contain;
	z-index: -1
}

.wp-block-latest-posts__list img{
	margin-bottom:10px
}

.wp-block-latest-posts__list a{
	font-size:20px;
	font-weight:bold;
}