/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
*/


/*

Farben:

MWG Blau: #0061ae
var(--theme-palette-color-1);
    --qubely-color-1: var(--theme-palette-color-1, #5b9a6d);

MWG Blau Heller: #cce8ff
var(--theme-palette-color-2);

Textgrau: #383838
var(--theme-palette-color-3);

weiß

Okker: #bb9224
var(--theme-palette-color-5);




Rot
'color' => '#e74434',
var(--theme-palette-color-6);
  
Blau
'color' => '#5794cf',
var(--theme-palette-color-7);
	
Lila
'color' => '#383b55',
var(--theme-palette-color-8);

*/




/* Versteckt Sidebar mit Zertifikatsansicht bei Zertifikate am Smartphone */

@media screen and (max-width: 999px) {
	.page-id-634 aside { display: none; }
}




/* lose und freie Klassen 
__________________________________________________________________________________*/

	h1 { margin-bottom: 0.75em !important; }
	h1 + h2 { margin-top: -1.25em !important;}
	h1 + h3 { margin-top: -2.25em !important;}
	h2 { margin-bottom: 1.25em !important; }
	h2 + h3, h2.h2-weniger-margin +p { margin-top: -1em !important;}
	h3 { margin-bottom: 1em !important; }
	h4 { margin-bottom: 0.75em; }
	h5 { margin-bottom: 0.5em; margin-top: 1em !important; }


    .bilderrahmen img {
        border: 10px solid #fff;
        box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
                      0 2px 2px rgba(0,0,0,0.11), 
                      0 4px 4px rgba(0,0,0,0.11), 
                      0 6px 8px rgba(0,0,0,0.11),
                      0 8px 16px rgba(0,0,0,0.11);
    }

/*    .textrahmen {
        max-width: 700px !important; 
        margin: auto;
    }
    .textrahmen p {
        text-shadow: 0 0 5px #fff,
        0 0 10px #fff,
        0 0 20px #fff;
        }
*/

/*	.mwg-trenner {
		width: 80% !important;
		color: transparent;
		background-color: transparent;
		height: 40px !important;
		border-top: 1px solid #383838 !important;
		border-left: 1px solid #383838 !important;
		border-right: 1px solid #383838 !important;
	}*/

	 

ul.li-large-space li { margin-bottom: 0.5em !important;}

  
    .kolumnen div.stk-block-content {
        column-count:  2;
        column-width: 300px;
        column-gap: 90px;
        column-rule: 0px solid rgba(0,0,0,0.25);
        margin-top: 2rem;
        display: block;
        hyphens: auto;
        text-align: justify !important;
        }
		.kolumnen.weiss {
				column-rule: 1px solid rgba(255,255,255,1.00);
				}

		.kolumnen h1 { margin-top: -20px !important; margin-bottom: 0; padding-bottom:0; }


	.blocksatz div.stk-block-content {
        display: block;
        hyphens: auto;
        text-align: justify !important;
        }



    .drehung1 {transform: rotate(-3deg);}
    .drehung2 {transform: rotate(-6deg);}
    .drehung3 {transform: rotate(-12deg);}
    .drehung4 {transform: rotate(-20deg);}
    .drehung-1 {transform: rotate(3deg);}
    .drehung-2 {transform: rotate(6deg);}
    .drehung-3 {transform: rotate(12deg);}
    .drehung-4 {transform: rotate(20deg);}

     .breite150 {max-width: 150px !important; margin: auto; }
     .breite300 {max-width: 300px !important; margin: auto;}
     .breite600 {max-width: 600px !important; margin: auto;}
     .breite800 {max-width: 800px !important; margin: auto;}

/*    
.hintergrund-overlay { mix-blend-mode: multiply; }
*/
    .wp-block-separator:not(.is-style-dots) {
        height: 1px;
    }




  /*  .full-width,
    .full-width a { width: 100%; }


    .hoverbox { 
        border-radius: 1px;   
        background: rgba(255,255,255,0.0);
		transition: all 1s ease !important;
        }
    .hoverbox:hover {
        box-shadow: 0 0 64px rgba(0,0,0,0.15);     
        background: rgba(255,255,255,0.91);
        }
*/
    .schatten {
      box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
                  0 2px 2px rgba(0,0,0,0.11), 
                  0 4px 4px rgba(0,0,0,0.11), 
                  0 6px 8px rgba(0,0,0,0.11),
                  0 8px 16px rgba(0,0,0,0.11);
        }

    .schatten-lang {
      box-shadow: 0 2px 1px rgba(0,0,0,0.09), 
                  0 4px 2px rgba(0,0,0,0.09), 
                  0 8px 4px rgba(0,0,0,0.09), 
                  0 16px 8px rgba(0,0,0,0.09),
                  0 32px 16px rgba(0,0,0,0.09);
        }

    .border-top {
        border-top: 5px solid #fff;
    }



	.container {
		background-color: var(--has-background, var(--theme-palette-color-8));
		boxed-content-spacing: 5em;
		border-radius: 2px;
		box-shadow: 0px 0px 80px -41px var(--theme-palette-color-3);
		overflow: hidden;
	}
	.container .wp-block-stackable-column {
			border-radius: 2px;
		}










/* Header 
__________________________________________________________________________________*/

       /* .ct-container-fluid  { }*/

		.hero-section .ct-image-container img, 
		.hero-section .ct-image-container picture, 
		.hero-section .ct-image-container video {
			filter: grayscale(100%);
		}





/* Menü 
__________________________________________________________________________________*/


        #offcanvas > section {
            -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
        }

        #menu-item-643 a::before {
            content: url(/wp-content/uploads/2021/04/Logo_MWG.svg);
            height: 1.0em;
            width: 1.0em;
            position: relative;
            opacity: 1;
            margin-right: 0.3em;
         }
        [data-sticky="yes:shrink"] #menu-item-643 a::before { 
            content: url(/wp-content/uploads/2021/04/Logo_MWG_weiss.svg);
            background-color: transparent;
        }

    
		ul.sub-menu .menu-item>.ct-disabled-link {
			visibility: hidden;
		}
		.sub-menu li:first-child {
			border-top: none;
		}




	/* Anpassung MegaMenü Level 2-Darstellung */

		[class*="ct-mega-menu"] > .sub-menu { padding: 40px; }
		[class*="ct-mega-menu"] > .sub-menu > li { padding: 0px 10px 5px 10px!important; }
		/* [class*="ct-mega-menu"] > .sub-menu > li:nth-child(3n+0) { border-right: none !important; } */
		[class*="ct-mega-menu"] > .sub-menu > li a { border-bottom: var(--dropdown-divider); }


		/* Füllt Menü Spalteweise, statt Reihenweise */
		nav > ul > [class*="ct-mega-menu"] > .sub-menu {
			grid-auto-flow: column;
			grid-template-rows: repeat(5, 1fr);
		}

		[class*="ct-mega-menu"] > .sub-menu > li:nth-child(n+11) { border-right: none !important; }
	






/*     Standard-Listen
    -------------------------------------*/


		#main ul li {
				list-style: none;
				max-width: 500px

			   }
			#main ul li::before {
				content: "■"; 
				color: var(--theme-palette-color-1);
				margin: 0 10px 0 0px;

			}
		#main article ul li::before {
				margin-left: -1.2em;

			}
		#main article ul li {
				margin-bottom: 0.1em;

			}



    





/* Tabelle 
__________________________________________________________________________________*/

	table, th, td {
		border-style: none !important;
	}

	td { vertical-align: top !important; }
	tr td:first-child { font-weight: bold; }
	tr td:nth-child(2) { border-left: 2px #ffffff solid !important; }








/* Footer 
__________________________________________________________________________________*/
   
    footer { 
		padding-top: 1em;
		background-color: var(--theme-palette-color-1);
}


    #footer-menu li {
        border-bottom: 1px solid rgba(255,255,255,0.50);
        padding-bottom: 0.5em;
        }
        #footer-menu li:last-child {
            border-bottom: none;
            }


    [data-column="menu"] #footer-menu,
    [data-column="menu-secondary"],
    [data-column="widget-area-1"] #nav_menu-5 {
       padding: 0.5em 0 2em 2em;
        }


    [data-column="menu-secondary"] {
           margin-left: 7em;
        }

    li#menu-item-691 { border-bottom: none;  } 
    li#menu-item-691 a {
        font-weight: 700;
        margin-bottom: 1em; 
    }

    [data-column="menu-secondary"]::before {
        content: url(/wp-content/uploads/2021/04/Logo_MWG_weiss.svg);
        height: 5em;
        width: 5em;
        position: relative;
        top: 2.5em;
        left: -7em;
    }


    [data-column="menu"] #footer-menu,
    [data-column="widget-area-1"]  #nav_menu-5  {
        border-left: 1px solid #fff
    }

    #nav_menu-5 li { 
        border-bottom: 1px solid rgba(255,255,255,0.50);
        padding-bottom: 0.5em;
        margin-top: calc(var(--menu-items-spacing, 25px) / 2);
    }

	
	@media screen and (max-width: 1450px) {	
		
		[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div { --columns-gap: 40px; }	
		
	}

		/*  MWG Logo im Fuß aus und rutscht über die Schrift */
		@media screen and (max-width: 1300px) {	
			
			[data-column="menu-secondary"]::before { 
				display: block; 
				width: 4em;
				top: -0.5em;
				left: 0em;
			}
			[data-column="menu-secondary"] {  
				margin: 0 0 1em 0;  
				padding: 0.5em 0 2em 0em; 
				display: block;
			}
			
		}
	
			
			@media screen and (max-width: 999px) {
				
				[data-column="menu"] #footer-menu,
				[data-column="menu-secondary"],
				[data-column="widget-area-1"] #nav_menu-5 {
				   padding: 0em 0 2em 0em;
					}
	

				[data-column="menu"] #footer-menu,
				[data-column="widget-area-1"]  #nav_menu-5  {
					border-left: 0px solid #fff;
				}
		}
    
    







/* Blocksy spezifisch
__________________________________________________________________________________*/


	.post-navigation [class*="nav-item"]  {
		border-top: 1px solid var(--theme-palette-color-1) !important;
		padding-top: 15px;
	}


/*
	.entry-card .ct-image-container img, .ct-image-container picture, .ct-image-container video {
			filter: grayscale(100%);
		}
		.entry-card:hover .ct-image-container img, .ct-image-container picture, .ct-image-container video {
			filter: none;
		}
*/

		

	[data-prefix="single_page"] article[class*="post"] {
		overflow: hidden;
	}


.post-navigation .item-label { display: none; } 
	
	/* Ändert die Reihenfolge der Post Navigation */
	

	.post-navigation .nav-item-next {
		text-align: left !important;
		justify-content: flex-start !important;
		order: 1;
		}

	.post-navigation .nav-item-next .item-content { 
		order: 1; 
		}

	.post-navigation .nav-item-next figure {
		margin-right: var(--thumb-margin, 25px);
		margin-left: 0 !important;
		}
		.post-navigation .nav-item-next svg {
			transform: rotate(180deg) translate3d(-10px, 0, 0) !important;
			}
		.post-navigation .nav-item-next:hover svg {
			transform: rotate(180deg) translate3d(0px, 0, 0) !important;
			}


	.post-navigation .nav-item-prev {
		text-align: right;
		justify-content: flex-end;
		order: 2;
		}

	.post-navigation .nav-item-prev figure { 
		order: 2;
		margin-right: 0 !important;
		margin-left: var(--thumb-margin, 25px);
		}
		.post-navigation .nav-item-prev svg {
			transform: rotate(180deg) translate3d(10px, 0, 0) !important;
			}
		.post-navigation .nav-item-prev:hover svg {
			transform: rotate(180deg) translate3d(0px, 0, 0) !important;
			}














/* Stackable Blocks 
__________________________________________________________________________________*/

    /* Grid
    -------------------------------------*/
      .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item {
        grid-gap: 1px;
    	}
		.ugb-main-block.alignfull {
			padding: 0 0px;
		}
    









/* Plugins 
__________________________________________________________________________________*/









/* Animationen 
__________________________________________________________________________________*/
	
	input,
    textarea,
    input[type=submit],
    select,
    .linktext,
	.entry-card .ct-image-container img, 
	.entry-card .ct-image-container picture, 
	.entry-card .ct-image-container video{
		transition: all 0.4s ease !important;
	    }