/*---------------------------------------------------------------------------------

 Theme Name:   64 ASA
 Theme URI:    http://www.64asa.live
 Description:  Analoge Fotografie für Anfänger und Fortgeschrittene
 Author:       Judith Schenten
 Author URI:   http://www.raumzeit3.de
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

.et_header_style_left .mobile_menu_bar, .et_header_style_split .mobile_menu_bar {
    padding-bottom: 0px;
}

/* ------------------------------- Layout --------------------------------------- */

#logo {
    max-height: 140%!important;
}

#page-container {
	top: 110px !important;
	padding-top: 110px !important;
}

/* ----------------------------  Typografie  ------------------------------ */

h2  {
    line-height: 1.3em!important;
}


.BU {
margin-top: -10px;
font-size: 14px !important;
line-height: 1.4em;
}

span.lyte_disclaimer span {
	line-height: 1.2em !important;
}

.et_pb_text ul {
    padding-bottom: 1em;
    padding-top: 0.8em;
}

.et_pb_button {
	
	line-height: 1.3em!important;
}

.et_pb_text li, .et_pb_tab li, .et_pb_toggle li {
 margin-bottom: 8px !important;
 line-height: 1.4em;
}


#left-area ol, .comment-content ol, .entry-content ol, body.et-pb-preview #main-content .container ol {
	padding: 0 0 23px 1em;
	line-height: 26px;
	list-style-position: outside;
}

#left-area ul, .entry-content ul {
	line-height: 30px;
}


.et_header_style_left #et-top-navigation .mobile_menu_bar, .et_header_style_split #et-top-navigation .mobile_menu_bar {
padding-bottom: 0px;
    margin-top: 20px;
}


ul.plus_liste, ul.minus_liste {
list-style: none!important;
}

ul.plus_liste li:before {
color: #000;
content: "\+\0020";
}

ul.minus_liste li:before {
color: #000;
content: "\-\0020";
}

ul.plus_liste li {
text-indent:-15px;
padding-left:15px;
}

ul.minus_liste li {
text-indent:-15px;
padding-left:15px;
}

#footer-info {
    text-align: center;
    color: #666;
    padding-bottom: 10px;
	float: none;
}

/* -------------------------- Navigation ------------------------------- */
.nav li li {
    position: relative;
    line-height: 1.5em;
}

#top-menu li li a {
    margin-bottom: 8px;
	font-size:16px;
}


.nav li ul {
    width: 340px;
	margin-left: -110px;
    margin-top: -40px;
}

#top-menu li li a {
    padding: 10px 20px;
    width: 300px;
}

.nav ul.sub-menu {
	overflow: scroll !important;
	max-height: 84vh; /*edit this to match your view height*/
	box-shadow: 0px 0px 30px rgba(0,0,0,0.3) /*just some box shadow for nicer menu, you can skip this*/
}

.et_mobile_menu {   
    overflow-y:scroll!important;
    max-height:80vh!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}

a.et_pb_menu__icon.et_pb_menu__cart-button {
	margin-left:30px!important;
}




/*Top Navi Shop wird nicht zum Hamburger-Menü*/
.no-hamburger.et_pb_menu .et_pb_menu__menu, .no-hamburger.et_pb_fullwidth_menu .et_pb_menu__menu { 
	display: flex!important; 
} .no-hamburger .et_mobile_nav_menu { 
	display: none; }




/* -------------------------- Hero Bereich Seiten ------------------------ */
.et_pb_slide_description {

    top: 0% !important;
}


/*--------------------------- Divi Bar --------------------------------*/

p:not(.has-background):last-of-type {
    padding-bottom: 1em!important;
}


/* --------------------------- Tabellen -------------------------------- */

.entry-content tr td, body.et-pb-preview #main-content .container tr td {
    padding: 6px 10px 6px 6px;
    border-top: 1px solid #eee;
}



/* ------------------------- Blog ---------------------------------*/
.et_pb_fullwidth_section .et_pb_post_title.et_pb_featured_bg .et_pb_title_container, .et_pb_fullwidth_section .et_pb_post_title.et_pb_image_below {
    padding-bottom: 13px;
}


/* ------------------------- Glossar --------------------------- */
div.cmtt_related_title {
    margin-bottom: 15px !important;
}




/* ----------------------- Shop --------------------------- */
.et_pb_tab_content ul {
	margin-top: 12px!important;
}

.product p.wc-gzd-additional-info {
    margin-bottom: 0rem;
    font-size: .7em;
	line-height: 0.9em;
    clear: left;
    line-height: 1.1em!important;
	margin-bottom:12px!important;
}

.et_shop_image {
	margin-bottom: -6px!important;
}

#order_review .wc-gzd-checkbox-placeholder p.form-row {
    text-align: left;
    padding: 0 1em 0;
    float: none;
}
.woocommerce form .form-row label {
    line-height: 1.5;
}
.et_pb_wc_checkout_payment_info_0_tb_body .woocommerce-checkout #payment, .et_pb_wc_checkout_payment_info_0_tb_body .woocommerce-order {
    margin-top: 2em;
}

.woocommerce-message {
	line-height: 2.4em;
}

.woocommerce-error a {
	color:#000000;
}

.et_pb_row_0_tb_body {
	min-height:70px!important;
}

p:not(.has-background):last-of-type {
    padding-bottom: 2em;
}

.woocommerce-order {
	margin-top: -50px!important;
}


@media (max-width: 767px) {
 body.et-db #et-boc .et-l .et_pb_shop ul.products.columns-1 li.product, 
 body.et-db #et-boc .et-l .et_pb_shop ul.products.columns-2 li.product, 
 body.et-db #et-boc .et-l .et_pb_shop ul.products.columns-3 li.product, 
 body.et-db #et-boc .et-l .et_pb_shop ul.products.columns-4 li.product, 
 body.et-db #et-boc .et-l .et_pb_shop ul.products.columns-5 li.product, 
 body.et-db #et-boc .et-l .et_pb_shop ul.products.columns-6 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-1 li.product,  
 body.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-2 li.product,  
 body.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-3 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-4 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-5 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-6 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_upsells ul.products.columns-1 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_upsells ul.products.columns-2 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_upsells ul.products.columns-3 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_upsells ul.products.columns-4 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_upsells ul.products.columns-5 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_upsells ul.products.columns-6 li.product {
        width: 100%!important;
        margin-right: 0%!important;
    }
}


@media all and (max-width: 767px) {
     .woocommerce-page ul.products li.product:nth-child(n) {
        margin: 0 0 11.5%!important;
        width: 100%!important;
    }
}



/* ---------------------- Media Queris ------------------------ */

@media only screen and (min-width: 1050px){
	
	.et_pb_svg_logo #logo {
    height: 120%!important;
}

	#logo {
    max-height: 120%;
	margin-top: -10px;
}
}

@media only screen and (max-width: 1270px){
	
	#top-menu-nav {
    display: none;
}
	#et_mobile_nav_menu {
    display: block;
	margin-bottom: 40px;
	padding-top: 20px;
}
}


/* big landscape Tablets */

@media only screen and (min-width: 981px) and (max-width:1240px) {
	.et_pb_svg_logo #logo {
    height: 80%!important;
	margin-top: 5px;
}
	#et_mobile_nav_menu {
    display: block;
	padding-bottom: 10px;
	padding-top: 0px;
}
	.et_pb_gallery_0.et_pb_gallery {
    max-height: 430px!important;
    margin-top: -20px!important;
    margin-bottom: 11px!important;
}
	#start h1 {
		font-size: 28px;
	}
}



/* landscape Tablets */

@media only screen and (min-width: 981px) and (max-width:1024px) {
	.et_pb_svg_logo #logo {
    height: 80%!important;
	margin-top: 5px;
}
}
	

/* Portrait Tablets*/

@media only screen and ( min-width: 768px ) and (max-width: 981px) {
	
	.NameKontakt h4 {
		 margin-top: 50px; }
	
	.et_pb_svg_logo #logo {
    height: 100%;
}
}

/* Small Portrait Tablets*/

@media ( min-width: 600px ) and ( max-width: 800px ) 

{
	#logo {max-height: 100%;
 	margin-top: 0px;}
	
	.et_pb_svg_logo #logo {
    height: 100%!important;
		

}
	

/* Portrait Phones */
@media ( max-width: 479px ) {
	
	#logo {max-height: 100%;
 	margin-top: 0px;}
	
	.et_pb_svg_logo #logo {
    height: 100%!important;

}
	
	#et_mobile_nav_menu {
    display: block;
	margin-bottom: 40px;
	padding-top: 10px;
	
}
	
	h1 {font-size: 24px;
		line-height: 1.2em;
	}
	
	h2 {font-size: 21px !important;
		line-height: 1.1em;
	}
	
	h5 {line-height: 1.2em;
	}
}
}