/*
Theme Name: Uncode Child - Dege Bau
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: https://www.wagnergraphics.de
Template: uncode
Version: 1.0.0
Text Domain: uncode




Grün: HEX: #00933A
Rot:  HEX: #E30613




*/

/* roboto-condensed-700 - latin */
@font-face {
   /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.dege-bau.de/wp-content/themes/uncode-child/fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
;font-display:swap;}

@font-face {
   
  font-family: 'Roboto';
;font-display:swap;}

/* Dr.DSGVO Map */
  #drdsgvo_map {
    max-width:100%;
    height:400px !important;
  }
  @media (max-width: 480px) {
    #drdsgvo_map {
      height:320px !important;
    }
}





/* Linkuntersteichnung fuer Mengentext */
    .post-content p a,
    .post-content h5 a,
    .post-content li a,
    .mec-single-event a{
        padding-bottom: 2px;
        margin-bottom: -2px;
      text-decoration: none;
      background-image: linear-gradient(#a9ba5c, #a9ba5c),
        linear-gradient(#aaa, #aaa),
        linear-gradient(#00933A, #00933A);        
      background-size: 20px 2px, 100% 2px, 0 2px;
      background-position: calc(20px * -1) 100%, 100% 100%, 0 100%;
      background-repeat: no-repeat;
      transition: background-size 2s linear, background-position 2s linear;
    }
        .post-content p a:hover,
        .post-content h5 a:hover,
.post-content li a:hover,
        .mec-single-event a:hover {
            color: #000000 !important;
          background-size: 20px 2px, 0 2px, 100% 2px;
          background-positison: calc(100% + 20px) 100%, 100% 100%, 0 100%;
        }

#dokumente a { background-image: none; }
#dokumente a:hover { color: #00933A !important; }


        .uncode-accordion a,
        .uncode-accordion a:hover {         
            background: none !important;
        }





p, li, dt, dd, dl, address, label, small, pre, code {
    font-weight: 300;
}





/* Home-Button größer */
i.fa-home,
i.fa-home2 { font-size: 1.2em; }

#menu-secondary-menu i {margin-right: 0.25em; }
#menu-secondary-menu a:hover {color: #ffffff; }
#menu-secondary-menu .active a { color: rgba(255,255,255,0.50); }

/* Selection bei dunklem Style */
.style-dark ::-moz-selection,
.style-dark ::selection {
	background: #00933A !important;
}


.style-dark a:not(.btn) { color: #fff !important; }
.search .style-dark a:not(.btn) { color: #000 !important; }

#link-schwarz p a { 
    color: #000000 !important; }
#link-schwarz p a:hover { 
    color: #00933A !important; }


/* Blur bei Overlay  */
.box-container.overlay-open,
html.pum-open-overlay .box-wrapper {   
	-webkit-filter: blur(5px) !important;
	-moz-filter: blur(5px) !important;
	-o-filter: blur(5px) !important;
	-ms-filter: blur(5px) !important;
	filter: blur(5px) !important;
}



.text-lead, .text-lead > * {
    margin: 18px 0px 0px 0px;
    margin-top: 18px;
}


.small { 
	font-size: 12px !important; 
	line-height: 1.2em !important; 
	margin-top: 0.5em;
}

-style-light .small {
	color: #555 !important;
}





/*Tabs*/
.nav-tabs > li > a span {
    font-size: 14px !important;
	font-weight: 700;
	}
.tab-pane {
    padding-top: 2em;
}







@media all and (max-width: 640px) {
	
	/* Rückt auf Smartphone die Ränder links und rechts wieder kleiner	*/
	.main-container .row-container .single-h-padding,
	.main-container .row-container .no-h-padding {
		padding-left: 18px;
		padding-right: 18px;
	} 
	
		#slider-startseite .main-container .row-container .single-h-padding, 
		#slider-startseite .main-container .row-container .no-h-padding  {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}	
		
	
	#slider-startseite h6:not([class*="fontsize-"]), 
	#slider-startseite .h6:not([class*="fontsize-"]) {
		font-size: 13px !important;
	}
	
	
	

	
	.quad-top-padding {
    	padding-top: 24px;
	}	
	
	
	.mobile-0 {
		padding-left: 0;
		padding-right: 0;
	}
	
	.mobile-1 {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
	
	div.wpcf7 {
		margin: 0;
		padding: 0 1em;
	}
	
}




@media (max-width: 959px){}
@media (min-width: 960px) and (max-width: 1180px){}
@media (min-width: 960px) {
		
	/* Menü */	
	
	/*Blendet Text bei "Startseite" aus */
	#menu-item-578 {  visibility: hidden; width: 3em !important; }
	#menu-item-578 i { visibility: visible; }
    
     .menu-container #menu-hauptmenue > li {
           padding: 0 10px;
        }
		
}

@media (min-width: 1200px) {
		
	/* Menü */	
	
	/*Blendet Text bei "Startseite" aus */
	#menu-item-578 {  visibility: hidden; width: 3em !important; }
	#menu-item-578 i { visibility: visible; }
    
     .menu-container #menu-hauptmenue > li {
           padding: 0 30px;
        }
		
}




      



.menu-smart .btn {
    background-color: rgba(0,147,58,0.30);
	color: #000000; 
}
.menu-smart .btn:hover {
    background-color: rgba(0,147,58,1.00);
}

.menu-smart .btn {
    font-family: Roboto Condensed, sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

.menu-smart .btn:hover span { color: #ffffff !important; }



/* Linie zwischen Dropdownmenü + Abstände*/
	.menu-smart ul > li > a, 
	.menu-smart ul > li > ul > li > a {
		border-bottom: 1px solid rgba(0,0,0,0.15);
	}
	
	.menu-smart ul > li:last-child > a, 
	.menu-smart ul > li > ul > li:last-child > a{
		border-bottom: none;
	}

	.menu-smart ul > li > a, 
	.menu-smart ul > li > ul > li > a {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}


.style-light .btn-default, 
.style-dark .style-light.style-override .btn-default, 
.style-dark .style-light .btn-default {
    color: #ffffff !important;
    background-color: #00933A !important;
    border-color: #00933A !important;
}




/*  Icons für Verlinkungen	
-----------------------------------------*/

	:not(.btn-container) a[href$='.pdf']:not(.single-media-link):before {
         font-family: 'uncodeicon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
       content: "\f1c1";
       display: inline-block;
       padding: 0 8px 8px 0px;
       vertical-align: middle;
    }








.style-light b, 
.style-light strong { font-weight: 600; color: #000 !important; }
.style-dark strong { font-weight: 600; color: #fff !important; }

/*p { hyphens: auto; }*/
h1, h2, h3, h4, ul, li {hyphens: none; }
h1 { text-transform: uppercase; }
hr { margin: 4em 0; }
.style-light hr { border-color: rgba(0,0,0,0.25); }

.zentriert { text-align: center; }
.floating-heading{ position: absolute !important; top: 10%; left: 0; z-index: 99;}
.blocksatz p { text-align: justified; }




/* Liste */
	ul.icons {  margin: 0 0 0 2.6em; }
	ul.icons li .fa { margin-left: -1.8em; }
		ul.icons li ul li .fa { color: #FFF200 !important; }




/* Such-Overlay */
	.overlay.style-dark-bg {
    background-color: rgba(0,0,0,0.95) !important;
	}





/* ContactForm 7 */
	textarea {
		-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.10);
		box-shadow: 2px 2px 4px rgba(0,0,0,0.10);
	}

	input:focus,
	textarea:focus {
		border-radius: 2px;
		-webkit-box-shadow: 4px 4px 20px rgba(0,0,0,0.30);
		box-shadow: 4px 4px 20px rgba(0,0,0,0.30);   
		transform: scale(1.02);
		border-color: #00933A !important;
	}


	fieldset { margin-top: 1.5rem; }
	legend { padding: 1em; }

	legend > h3 { margin-top: 0; margin-bottom: 0; }

	.your-subject input,
	.your-name input { width: 100% !important; }
	
	.your-subject input { margin-top: 0 !important; }

	.wpcf7-submit { width: 100% !important; }

	
	
	input.wpcf7-validates-as-required,
	textarea.wpcf7-validates-as-required,
	select.wpcf7-validates-as-required,
	.wpcf7-validates-as-required input,
	fieldset.required {
		border-color: #3b9b29 !important;
		border: 1px solid;
	}

	
	input.wpcf7-not-valid,
	textarea.wpcf7-not-valid,
	select.wpcf7-not-valid,
	.wpcf7-validates-as-required input,
	fieldset.wpcf7-not-valid {
		border-color: red !important;
		border: 2px solid;
	}


	.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors,
	.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
		border: 0;
		padding: 10px;
		border-radius: 2px;
		-webkit-box-shadow: 4px 4px 20px rgba(0,0,0,0.30);
		box-shadow: 4px 4px 20px rgba(0,0,0,0.30);   
		transform: scale(1.05);
		margin: 20px 0;
		}
		.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
			color: #D8000C !important;
			background-color: #FFBABA;   
			}
		.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
			color: #4F8A10 !important;
			background-color: #DFF2BF;
			}
			div.wpcf7-mail-sent-ok:before,
			div.wpcf7-validation-errors:before {
				font: 26px/30px FontAwesome;
				margin-right: 16px;
				vertical-align: middle;
				}
				div.wpcf7-mail-sent-ok:before {
					content:'\f00c';
					}
				div.wpcf7-validation-errors:before {
					content:'\f057';
					}

		span.wpcf7-list-item {
			display: block;
		}


	@media only screen and (max-width: 767px) {
	/* Formular */
		p.firma { width: 100% !important; padding-left: 0 !important; }
		p.ansprechpartner { width: 100% !important; padding-left: 0 !important; }
		p.telefon { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 15px; }
		p.email { width: 100% !important; padding-left: 0 !important; }
		p.strasse { width: 100% !important; padding-right: 0 !important; }
		p.plz { width: 35% !important; padding-left: 0 !important; padding-right: 0 !important; }
		p.ort { width: 65% !important; }
	}

	@media (min-width: 768px){
		p.strasse { width: 100% !important; padding-right: 0 !important; }
		p.plz { width: 30% !important; padding-left: 0 !important;}
		p.ort { width: 70% !important; }
	}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
}


/* Text inner halb des Formulars */
.style-light form p { 
	color: #333; 
	font-weight: normal;
}





.tmb-dark.tmb-color-overlay-text, .tmb-dark.tmb .t-entry-visual *, .tmb-dark.tmb .t-entry-visual a, .tmb-dark.tmb .t-entry-visual .t-entry-title a, .tmb-dark.tmb .t-entry-visual .t-entry-meta span {
    color: #fffff !important;
}







/* Footer */



/*  body:not(.home) #zusatzblock-footer { display: none !important; }  */

.site-footer p, .site-footer li, .site-footer dt, .site-footer dd, .site-footer dl, .site-footer address, .site-footer label, .site-footer small, .site-footer pre, .site-footer code {
    font-size: 1.125em;
}
	

	footer p {
		margin: 0.5em 0 0;
		}
	footer li {
		margin: 0.5em 0 0;
		}

	footer .text-lead > * {
		margin: 16px 0px 0px 0px !important;
	}

	.style-dark a:not(.btn-text-skin):hover { 
		color:#fff !important; 
		}

	footer ul.menu {
		list-style: none !important;
		padding: 0px !important;
	}


	footer i { margin-right: 9px; }
	footer i.fa-home { margin-right: 7px;}
	footer i.fa-lock { margin-left: 2px;}

	
	/* Social Media Footer */	
	footer .footer-center {
		padding-top: 60px;
		padding-bottom: 60px;
	}


.footer-scroll-top i {
    font-size: 1.3em;
}










/* Kolumnen */
.kolumnen {
	 -webkit-column-count: 2; /* Chrome, Safari, Opera */
     -moz-column-count: 2; /* Firefox */
     column-count:  2;
	
	 -webkit-column-width: 350px;
	-moz-column-width: 350px;
	column-width: 350px;
	
	-webkit-column-gap: 8em; /* Chrome, Safari, Opera */
    -moz-column-gap: 8em; /* Firefox */
    column-gap: 8em;
	
	-webkit-column-rule: 1px solid rgba(0,0,0,0.25);
	 -moz-column-rule: 1px solid rgba(0,0,0,0.25);
	column-rule: 1px solid rgba(0,0,0,0.25);
	 
	margin-bottom: 4rem;
	margin-top: 4rem;	
	}

	.style-dark .kolumnen {
		-webkit-column-rule: 1px solid rgba(255,255,255,0.5);
		 -moz-column-rule: 1px solid rgba(255,255,255,0.5);
		column-rule: 1px solid rgba(255,255,255,0.5); 
		}

.kolumnen p {
	display: block;
	hyphens: auto;
}

.wpb_text_column h1,
.wpb_text_column h2,
.wpb_text_column h3{
	 -webkit-column-count: auto !important; /* Chrome, Safari, Opera */
     -moz-column-count: auto !important; /* Firefox */
	column-count: auto !important;
	-webkit-column-width: 2200px;
	-moz-column-width: 2200px;
	column-width: 2200px;
}





.no-touch .onepage-pagination .cd-dot {
    background-color: rgba(0,147,58,0.30);
	box-shadow: none;
	width: 10px;
    height: 10px;
}
.no-touch .onepage-pagination span.cd-dot-cont:hover .cd-dot, .no-touch .onepage-pagination a.is-selected .cd-dot {
    background-color: rgba(0,147,58,1.00);
    transform: scale(1.4);
}












/* Plugins
    ----------------------------------------------------------------------------------------------------*/



/* Formular - Happy Forms 
    -------------------------------------*/
       
    .happyforms-part[data-happyforms-required] input,
    .happyforms-part[data-happyforms-required] textarea:not(:focus) {
            border: 1px solid #00933A;
        }         
    
    .happyforms-part input:focus,
    .happyforms-part textarea:focus,
    .happyforms-part select { 
            transform: scale(1.02);
            }
        .happyforms-part input[type=checkbox] {
                margin-top: 5px;
                transform: scale(1.4);
            }
        .happyforms-part input:focus,
        .happyforms-part textarea:focus { 
            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),
                      0 32px 16px rgba(0,0,0,0.09);
            }

    /* eigene Klassen*/
        .happyforms-form .margin-top,        
        .happyforms-part--submit {
             margin-top: 1.5rem;
        }
        .happyforms-form .margin-bottom {
             margin-bottom: 1.5rem !important;
        }

        .happyforms-form hr {
            margin: 0.75rem 0 !important;
            visibility: hidden;
        }

        .happyforms-form .postleitzahl {
            width: 6em;
            }


    /* Submit Button rechtsbündig */
        .happyforms-part--submit { justify-content: flex-end; }
        .happyforms-part--submit * { margin-right: 0 !important; }

		.happyforms-part--submit button {
			background-color: #00933A !important;
			color: #fff !important;
		}
.happyforms-part--submit button:hover {
	color: #fff !important;
	background-color: #005421 !important;
		}



    /*Anpassung für Label inside Input-Element */
        .happyforms-input input, 
        .happyforms-input textarea,
        .happyforms-part__el input, 
        .happyforms-part__el textarea {
            padding-top: 30px !important;
            padding-bottom: 7px !important;
            padding-left: 9px !important;
            font-weight: 300;
        }

        .happyforms-part--label-inside .happyforms-part__label-container,
        .happyforms-part__label-container {
            position: absolute;
            top: 15px !important;
            left: 10px;
            z-index: 2;
            }
             .happyforms-part--email .happyforms-part__label-container {
                    margin-top: -8px !important;
                    } 

            .happyforms-part--label-inside .fixed-label .happyforms-part__label-container,
             .fixed-label .happyforms-part__label-container {
                position: relative;
                top: 0px;
                left: 0px;
                z-index: 2;
                }  
                

        .happyforms-part-wrap label {
                    color: rgb(0 0 0 / 0.6);
                    font-size: 14px
                }
         .happyforms-form__part:not(.happyforms-part--legal) .happyforms-part-wrap:focus-within label {
                    transform:  translateY(-6px);
                    transform-origin: left;
                    color: rgb(0 0 0 / 0.3);
                }
        .fixed-label .happyforms-part__label-container label {
                            color: rgb(0 0 0 / 1.0);
                            font-size: 15px;
                        }



        .happyforms-message-notices p {
                font-size: 22px;
            }


        /* Fehlermeldung */
            .happyforms-part input[aria-invalid='true'],
            .happyforms-part textarea[aria-invalid='true'],
            .happyforms-part select[aria-invalid='true'] {
                    border: 1px solid #f25000 !important;
                }  

            .happyforms-message-notice.error h2 {
                color: red;
                font-size: 1.7em;
                display: block;
                margin-bottom: 1rem;
            }

            

            .happyforms-part-error-notice {
                margin: 10px 0 1rem;
            }


        /* Tooltip*/
            .happyforms-tooltip__trigger {
                color: rgba(71,82,93,.7) !important;
            }










/* Animationen
---------------------------------------------------------------------------------------------------------------------------*/
	
	tr,	
	td, 
	a, 
	input, 
	textarea,
    .floatton-btn,
    label {
		transition: all 0.4s ease !important;
	}