/* ------ GLOBAL --------

Theme-Name: EXPO - Gewerbeschau 2026 Ochtrup
Author: MOLECO GmbH
Author URI: http://www.moleco.de
Description: MOLECO Theme - EXPO
Version: 1.0

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

body,html,*{font-size:17px;line-height:1.5;font-family:'Barlow';font-weight:300;color:var(--dunkelgrau)}
html{scroll-behavior: smooth;}

a{color:var(--blau);text-decoration:none;font-size:100%;transition:all .3s ease;}
a:hover{text-decoration:none;color:var(--orange);transition:all .3s ease;}
a:focus{text-decoration:none;}

li{list-style:none;padding-left:30px;position:relative;}

ul{padding:0;margin:0;}

img{max-width:100%;height:auto;}

h1{font-size:275%;font-weight:500;display:block;text-transform:uppercase;margin:0;margin-bottom:25px;line-height:1;}
h2{font-size:175%;font-weight:500;display:block;text-transform:uppercase;margin:0;margin-bottom:50px;line-height:1;color: var(--schwarz);}
h3{font-size:125%;font-weight:500;display:block;text-transform:uppercase;margin:0;line-height:1;}

.headline{display:block;text-transform:uppercase;line-height:1;color: var(--schwarz);}
.subline{font-size:115%;font-weight:500;display:block;color:var(--orange);text-transform:uppercase;}

.btn{position:relative;padding:15px 50px 15px 50px;font-size:100%;font-weight:500;background:var(--orange);color:var(--weiss);transition:all .3s ease;text-transform:uppercase;line-height:1;text-align:center;}
.btn:hover{transition:all .3s ease;background:var(--buttonhover);color:var(--weiss);}

strong{font-weight:500;font-size:100%;}

.container{max-width:1500px;}
.container.wide{max-width:1660px;}

.passwordwrapper{height:100vh;width:100%;align-content:center;}
.passwordwrapper .inner{text-align:center; padding: 2em;width: 50%;margin: 0 auto;background: var(--blau);}
.passwordwrapper .inner .headline{color:var(--weiss);}
.passwordwrapper .inner .info{color:var(--weiss);font-size:125%;}
.passwordwrapper .inner form{text-align:center;margin-top:25px;}
.passwordwrapper .inner form input{background:var(--weiss);padding:5px 15px;width:50%;display:block;margin:10px auto;border:none;box-shadow:none;}
.passwordwrapper .inner form .btn{width:50%;display:block;margin:10px auto;}

/*------------------------------------Header-------------------------------------------------*/

#page-header{background:var(--blau);position:fixed;top:0;right:0;left:0;padding:25px 0;;z-index:999;}
#page-header .menu li a{color:var(--weiss);text-transform: uppercase;transition:all .3s ease;position:relative;}
#page-header .menu li a:hover{opacity: 0.7;transition:all .3s ease;}
#page-header .menu li a:after{content:'';display:block;width:0%;height:1px;background:var(--weiss);position:absolute;bottom:-2.5px;left:0;transition:all .3s ease;}
#page-header .menu li a:hover:after{content:'';display:block;width:100%;height:1px;background:var(--weiss);position:absolute;bottom:-2.5px;left:0;transition:all .3s ease;}
#page-header #toppermenu{height:100%;align-content:center;text-align:right;}


#page-header.bottom{padding:15px 0;position:fixed;top:0;left:0;right:0;background:var(--weiss);-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */              -moz-animation: fadein 2s; /* Firefox < 16 */-ms-animation: fadein 2s; /* Internet Explorer */-o-animation: fadein 2s; /* Opera < 12.1 */animation: fadein 2s;z-index:999;}


@keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
 
#page-header .logo{width: 140px;}


/*------------------------------------Footer-------------------------------------------------*/

#page-footer{background:var(--blau);}
.startseite #page-footer{position:fixed;bottom:0;left:0;right:0;}

/* 
#page-footer .backtotop .scrollup{cursor:pointer;}
#page-footer .backtotop .scrollup:hover img{transform:scale(1.1);transition:all .3s ease;}
#page-footer .backtotop .scrollup img{margin:0 auto;display:block;transition:all .3s ease;}

#page-footer .links .logo img{max-width:40%;margin-bottom:35px;}
#page-footer .links .adresse p:first-child{margin-bottom:15px;}
#page-footer .links .adresse p{color:var(--weiss);margin-bottom:5px;}
#page-footer .links .adresse a{color:var(--weiss);margin-left:50px;transition:all .3s ease;}
#page-footer .links .adresse a:hover{color:var(--orange);transition:all .3s ease;}

#page-footer .rechts .left{display:inline-block;width:49%;}
#page-footer .rechts .right{display:inline-block;width:49%;}
#page-footer .rechts .footermenu{padding-top:100px;}
#page-footer .rechts .footermenu a{color:var(--weiss);transition:all .3s ease;display:block;margin-bottom:5px;}
#page-footer .rechts .footermenu a:hover{color:var(--weiss);transition:all .3s ease;} */

#page-footer .copyright{padding: 15px 0;}
#page-footer .copyright span{float:right;width:50%;text-align:right;color:var(--weiss);font-size:75%;text-transform:uppercase;letter-spacing:1px;padding-right: 15px;}
#page-footer .copyright .impressum{float: left; width: fit-content; padding-left: 20px;font-size:75%; color: var(--weiss);letter-spacing:1px;text-transform:uppercase;position:relative;}
#page-footer .copyright .impressum:after{content:'';display:block;width:0%;height:1px;background:var(--weiss);position:absolute;bottom:-2.5px;left:20px;transition:all .3s ease;}
#page-footer .copyright .impressum:hover{opacity: 0.7;transition:all .3s ease;}
#page-footer .copyright .impressum:hover:after{content:'';display:block;width:calc(100% - 20px);height:1px;background:var(--weiss);position:absolute;bottom:-2.5px;left:20px;transition:all .3s ease;}


/*------------------------------------ABWEICHUNGEN-------------------------------------------------*/

.startseite #page-header, .startseite #page-footer{background:transparent!important;}