/*
 Theme Name:     Planungsring Ressel
 Description:    Child-Theme für planungsring-ressel.de
 Author:         Arne Strohbach
 Author URI:     https://www.strohbach.de
 Template:       Divi
 Version:        1.0.0
*/

/** Sticky Portfolio Start */
.project .et_pb_slider {
  position: sticky;
  top: 53.6px;
}

.project .et_pb_slider .et_pb_slide {
  min-height: calc(100vh - 53.6px);
}
/** Sticky Portfolio End */

h1 {
	text-transform: uppercase;
}

a:hover {
	opacity: 0.75;
}

p {
	hyphens: auto;
}

/* Text Selektion */
::selection {
  color: white;
  background: #006db1;
}

/* Hamburger Farbe */
span.mobile_menu_bar:before {
    color: gray !important;
}

.et_mobile_menu {
    border-top: 1px solid #dcdcdc;  /* Dicke blaue Linie in Popups enfernen */
}

.bottom-nav {
	text-align: center;
	width: 100%;
}

#main-content {
	background-color: #f7f7f7 !important;
  	min-height: calc(100vh - 137px);
	min-height: 85vh !important;
}

/* Abstand rechts Navigation */
#top-menu {
	margin-right: 40px;
}

/* Header Schatten entfernen */

#main-header,
#main-header.et-fixed-header {	
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(4px) saturate(150%);
    backdrop-filter: blur(4px) saturate(150%);
    box-shadow: 0 0 40px rgba(0,0,0,0.05) !important;
}

/* Linie bei Projekten enfernen */
.et_pb_filterable_portfolio .et_pb_portofolio_pagination, .et_pb_gallery .et_pb_gallery_pagination{
	border-top-width: 0;
}

/* Up-Link eckig */

.et_pb_scroll_top.et-pb-icon {
    border-radius: 0;
	bottom: 166px;
	padding: 4px;
}

/* Hauptnavi */

#top-menu-nav {
    text-transform: uppercase;
    font-weight: lighter;
}

/* Navigation Hover-Farbe */

#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover { 
    color: #006AA0 !important; 
    opacity:1 !important;
}

/* Cookie Balken */

#cookie-notice {
	font-size: 14px;
	background: none !important;
}
.cookie-notice-container {
	background: rgba(0, 0, 0, 0.4);
}	

.cookie-notice-hidden {
	display: none;
}

/* Footer */

#main-footer {
    min-height: 200px; /* Höhe des Footers */
}

#et-footer-nav {
    background-color: white;
}

.bottom-nav {
    text-align: left;
}

#footer-bottom {
	display: none;
}

#et-footer-nav {
	padding-bottom: 40px;
}

.bottom-nav li {
	font-weight: normal;
	text-transform: uppercase;
}

/* Footer Navigation Hover-Farbe */

#et-footer-nav a:hover { 
    color: #006AA0 !important; 
    opacity:1 !important;
}

/* Tabellen */

.et_pb_text_inner table {
  border: 0  !important;
}

.entry-content tr td, .container tr td {
    border: 0;
    vertical-align: top;
    padding: 0px;
    padding-top: 32px; 
}

/* Logo on Scroll */

.et-fixed-header #logo {
    content: url('https://www.planungsring-ressel.de/wp-content/uploads/2020/10/logo-scroll.svg');
}


/* Portfolio Filter */

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    border: 0;
    padding: 0;
    padding-right: 30px;
    padding-bottom: 10px;
    /* text-transform: uppercase;*/
    font-weight: 400;
    line-height: 136%;
    background-color: #f7f7f7;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
    background-color: #f7f7f7;
    color: #006aa0 !important;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
	color: #006aa0 !important;
	background-color: #f7f7f7;
}

/* Portfolio desaturate */

.et_portfolio_image {
  
}

.et_portfolio_image:hover {
  filter: saturate(1.1) !important;  
  filter: contrast(.95) !important;
   filter: sepia(0.05) !important; 
    opacity: 0.9;
}

/* Cookie-Banner */

.cn-close-icon {
    opacity: 1;
}

#cookie-notice {
    font-family: Verdana, sans-serif;
    font-size: 14px;
    height: 60px;

}
#cookie-notice a:hover {
    opacity: 0.85;
}

.cn-buttons-container {
    margin-left: 30px;
}

.cn-button.bootstrap {
    background-color: rgb(84, 84, 84);
}

/* Portfolio quadratisch */

.pa-portfolio-image-1-1 .et_portfolio_image {
  padding-top: 100%;
  display: block;
}

.pa-portfolio-image-1-1 .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/* Tabellen */

.entry-content tr td, 
.container tr td {
    padding-top: 12px !important;
}


/* Kontakt Icons */
.phonelink a {
	display: block;
	display: inline-block;
	padding-left: 24px;
	background: url("https://www.planungsring-ressel.de/wp-content/uploads/2020/11/telefon.svg") 3px 2px;
	background-repeat: no-repeat;
}

.maillink a {
	display: block;
	display: inline-block;
	padding-left: 24px;
	background: url("https://www.planungsring-ressel.de/wp-content/uploads/2020/11/briefumschlag.svg") 1px 6px;
	background-repeat: no-repeat;
}

/* -------- */
/* Top Menu */

#top-menu a:hover {color: #86754d;
}

#top-menu-nav>ul>li>a:hover {
	opacity: 1; 
	}

#top-menu li a{
	text-transform: uppercase;
	letter-spacing:0.03em;
	font-weight: 400;
}


#top-menu .sub-menu {
	margin-left: -3px;
}

#top-menu .sub-menu a {
	font-weight:normal;
/* 	text-transform:none; */
	line-height:17px;
   
}

.et_mobile_menu li a:hover, .nav ul li a:hover{
	opacity: 1;
	background-color: rgba(0, 0, 0, .1);
}

.nav li ul{   
	border-top: 0; /* Dicke blaue Linie in Popups enfernen */; 
	padding: 0px;
}

.nav li li{
	line-height: 14px;
}

#top-menu li li{
	padding: 0 0px;
}

#top-menu li li a{
	padding: 10px 16px;
	text-transform: none;
}

#top-menu li li a:hover {
	background-color: rgba(0, 0, 0, .0);   
	opacity: 1!important;
}

.nav li li ul{
	top: -3px;
	left: 180px;
}

/* Dropdowns automatische Breite */

.nav li ul {
    width: auto;
    border-top-color: #f6f6f6 !important;
    border-top-width: 1px;
    border-top-style: solid;
}

#top-menu li li a{
	width: auto;
    white-space: nowrap;
}

/* Pfeil bei Dropdowns entfernen */
#et-secondary-nav .menu-item-has-children > a:first-child:after,
#top-menu .menu-item-has-children > a:first-child:after {
	content: "";
}

#et-secondary-nav .menu-item-has-children>a:first-child, 
#top-menu .menu-item-has-children>a:first-child {
	padding-right: 0px;
}

/* Abstand der Dropdowns */
.et_header_style_centered #top-menu > li > a {
    padding-bottom: 10px !important;
}
  
 

/* Position der Dropdowns optimieren */
 
@media only screen and (min-width: 980px) {
	.sub-menu {
		margin-left: -17px !important;
		margin-top: -10px;
	}

	.sub-menu a {
		color: #828282 !important;
	}
}

/*image gallery item aspect ratio square 1:1*/

.pa-image-gallery-1-1 .et_pb_gallery_image {
	padding-top: 100%;
	display: block;
}

.pa-image-gallery-1-1 .et_pb_gallery_item img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

.blau {
	color: #006aa0;
}

.jahr {
	min-width: 80px !important;
	background-image: url("https://www.planungsring-ressel.de/wp-content/uploads/2020/12/dotline.svg");
	background-repeat: no-repeat;
	padding-bottom: 50px !important;
	background-position: 45px 0px;
 
}

/* Slider Pfeile sichtbar machen */

.et-pb-arrow-next, .et-pb-arrow-prev {
    background: rgba(175, 175, 175, 0.25);
	color: white !important;
}


/* Lightbox Text unsichtbar */

.mfp-title {
	display: none;
}

/* Portfolio Filter: Mehr Abstand im Mobile Viewport */

@media only screen and (max-width: 981px) {
	
	.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
        padding-bottom: 16px;
        padding-right: 40px;
        white-space: nowrap;
    }
    
    .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
        min-width: 280px;
    }

}

/* Reihenfolge der Spalten in Mobilversion tauschen */

@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
} 


/* Einrückung der Listen */

.et_pb_text ul li,
.et_pb_text ol li{
    margin-left: 12px;
}