/** Footer **/
#footer {
	border-top:       1px solid var(--base-border-color);
    background-color: var(--color-page-background-invert);
    color:            var(--color-text-invert);
    font-size:		  .8em;
}

#footer .inside,
#footer .wrapper-content,
#footer .wrapper-inside {
    width:            100%;
    max-width:        var(--max-width);
    margin-right:     auto;
    margin-left:      auto;
    margin-top:		  0;
    margin-bottom: 	  0;
}

#footer .inside .box_wrapper {
    display: 				grid;
    /*grid-template-columns: 	repeat(auto-fit, minmax(20em, 1fr));*/
    grid-template-columns: auto auto auto auto;
    grid-gap: 				2%;
    margin-top: 			40px;
}

#footer h5 {
	color: 			var(--color-text-invert);
	border-bottom:	1.5px solid var(--color-company-2);
    border-spacing: var(--border-spacing);
    font:			var(--font-company-headline);
    font-size: 		var(--headline-size-5);
    font-weight:	bold;
    text-indent:	var(--text-indent);
}

#footer .box {
    margin-bottom:	0;
    text-align:		left;
}

.footer-copyright {
	margin-top: 	40px;
	padding:		10px 0;
	border-top: 	1px solid var(--base-border-color);
	font-size: 		var(--font-size-xxs);
	padding: 		10px 0;
    text-align: 	center;
}

/** Footer Links **/
#footer a,
#footer a:visited {
	color: 				var(--color-company-2);
	text-decoration: 	none;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
    color:				var(--color-company-3);
    outline: 			0;
}

#footer a:focus {
    outline: 			thin dotted;
    outline: 			5px auto -webkit-focus-ring-color;
    outline-offset: 	-2px;
}

/* Footer sonstige Abstände und Elemente */
#footer p,
#footer ul,
#footer ol,
#footer pre,
#footer table,
#footer blockquote {
    margin-top:		0;
    margin-bottom:	1.5em;
}

#footer ul ul,
#footer ol ol,
#footer ul ol,
#footer ol ul {
    margin-top:			0;
    margin-bottom:		0;
}

#footer ul {
	margin-top:			0;
    margin-bottom:		0;
    list-style-type:	none;
}

#footer ol {
    list-style-type:	decimal;
}

#footer li {
    margin-left:		.5em;
}

#footer hr {
    border:		1px solid var(--color-company-3);
    margin: 	-1px 0;
}

/** Opening Time secretary-office**/
.opening_time h5,
h3.opening_time {
    position: relative;
    padding-left: 1.5em;
}
.opening_time h5:before,
h3.opening_time:before {
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    font-weight: 100;
    position: absolute;
    left: 0;
}
.opening_time table,
.opening_time td {
    border: none;
}

/** Social Icons **/
.socialicons {
    margin:				0;
    padding:			0;
    list-style-type:	none;
}

#footer .socialicons li {
    display:			inline-block;
    margin-right:		5px;
    margin-left:		0;
    vertical-align:		top;
    font-size:			2.5em;
    line-height:		1;
}

/* to Top link */
.to_top {
    position: fixed;
        bottom: 1em;
        right: 1em;
        width: 50px;
        height: 50px;
        background: var(--color-page-background-invert);
        color: var(--color-text-invert);
    cursor: pointer;
}
.to_top:after {
    content: "\f35b";
        font-size: 30px;
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        margin: auto;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        width: 1em;
        height: 1.5em;
}
