/**** FONTs */
@font-face {
    font-family: 'Px Grotesk';
    src: url('../../files/leo-co/layout/files/leo-co/layout/fonts/PxGrotesk-Regular.woff2') format('woff2'),
        url('../../files/leo-co/layout/files/leo-co/layout/fonts/PxGrotesk-Regular.woff') format('woff'),
        url('../../files/leo-co/layout/files/leo-co/layout/fonts/PxGrotesk-Regular.ttf') format('truetype'),
        url('../../files/leo-co/layout/files/leo-co/layout/fonts/PxGrotesk-Regular.svg#PxGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;}
@font-face {
    font-family: 'Px Grotesk';
    src: url('../../files/leo-co/layout/files/leo-co/layout/fonts/PxGrotesk-Bold.woff2') format('woff2'),
        url('../../files/leo-co/layout/files/leo-co/layout/fonts/PxGrotesk-Bold.woff') format('woff'),
        url('../../files/leo-co/layout/files/leo-co/layout/fonts/PxGrotesk-Bold.ttf') format('truetype'),
        url('../../files/leo-co/layout/files/leo-co/layout/fonts/PxGrotesk-Bold.svg#PxGrotesk-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;}

/**** COLORS */
.bg-yellow1 {background-color:#ffda7d; } /*ffd054*/ 
.bg-yellow2, .bg-yellow {background-color:#ffda7d; } /*f3cf86*/ /*hauptgelb */
.bg-yellow3 {background-color:#ffe39e; } /*f0d5a0*/
.bg-yellow4 {background-color:#ffecbe; } /*efdbb4*/
.bg-blue {background-color:#354193; color:#ffffff;}

.bg-blue p, .bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h3 a, .bg-blue h4, .bg-blue span, .bg-blue a {color:#ffffff;}
.time, time {color:#354193;}
.bg-blue time, .bg-blue .time, p.location, p.location span {color:#ffda7d;}
.font-white {color:#ffffff;}
.font-blue, .text-blue, .font-blue h2, .font-blue p, .font-blue h4 {color:#354193;}

/** FONTS **/
body, html {font-size: 16px; line-height:16px; color: #000000; font-family: 'Px Grotesk', 'Roboto Condensed', sans-serif; overflow-x: hidden; background-color:#ffda7d;}
a { color: #000000; font-family: 'Px Grotesk', 'Roboto Condensed', sans-serif; }
a:hover, footer a:hover { color: #ffda7d;  text-decoration: none; background-color:#354193;}
a.navbar-brand:hover {background-color: transparent;}
.footer a, .kontakt a {text-decoration: none;}

h1, h2, h3, h4, h5, h2 a, h3 a, h4 a { font-weight: bold; font-family: 'Px Grotesk', 'Roboto Condensed', sans-serif; color:#000000;}
h1 {font-size: 3em; line-height: 1.15em;  margin-bottom:20px;}
h2 {font-size: 2.5em; margin-bottom: 20px;}
h3 {font-size: 1.75em; margin-bottom: 15px;}
h4 {font-size: 1.25em; margin-bottom: 10px; padding-bottom: 0; }

p, p.lead, ul, ul li, a.btn, .btn, li, .bg-blue p { font-size: 1.2em; line-height: 1.3em; font-weight: normal; font-family: 'Px Grotesk','Roboto Condensed', sans-serif;}
ul { list-style-type: disc; margin-left:15px; padding-left:10px;  font-size: 1em; line-height: 1.3em;   
}
.icon-legende {  font-size: 0.7em; font-family:'PXGR','Roboto', sans-serif; }
span.bold {font-weight: bold; color:#354193;}

p.rot-schraeg a {padding-bottom: 20px; color:#e93614; font-weight: bold; font-size:1.25em; text-decoration: none; }
p.rot-schraeg a:hover {color:#ffda7d; background-color:#354193;}


/** BUTTONS **/
.btn {font-size:1em; text-decoration: none;}
.btn, .btn a:hover {background-color:transparent;  border-radius: 0; }
.btn-primary { color:#000000; border:1px solid #000000; }
.btn-primary:hover {border:1px solid #000000;}
botton:hover, .btn:hover {background: none;}
.btn-primary button {border:0; color:black; padding:0;}
.btn-primary button:hover {border:0; color:black; padding:0; background:none; text-decoration: underline;}


.btn-secondary { font-size:1em; color:#000000; border:0px solid #000000; padding:0; text-decoration: underline;}
a.btn-secondary { font-size: 1em;}
.btn-secondary:hover {background-color:#3a44ab; color:#ffefc4; border:0px solid #000000; }
a.btn-secondary:hover {color:#ffefc4;background-color:#3a44ab;text-decoration: underline;}

/* NAVIGATION & LOGO*/
#logo { height:75px; margin-top: 55px; margin-left:10px; transition: 0.5s; transform: rotate(-5deg); }
.navbar .container-fluid { border: 0 solid black;  height: 100px;  margin-top: 0; padding: 10px 10px 0; }
.navbar { padding-top: 0;}
button.navbar-toggler, button.btn-close {   border: 0; font-weight: bold; }

svg.bi-list, button.btn-close {  border: 0;  width: 50px;   font-weight: bold;color:black;}
span.toggler-icon, button.btn-close { font-weight: bold;    border: 0; }

.offcanvas {border:7px solid black; }
.offcanvas,
.offcanvas-header {padding:10px 10px 0;}

.offcanvas-body ul {list-style: none; margin-left:0;}
.offcanvas-body a { text-decoration: none; }
.mod_navigation {margin-bottom: 40px;}
.mod_navigation li { font-size:3.25em; line-height:1.1em; margin-left:0; padding-left: 0; font-weight:bold; font-family: 'PXGB', 'Roboto Condensed', sans-serif; text-transform:uppercase;}
.active  {color:#354193; background:transparent;}
.active:hover {color:#354193; background-color: transparent;}


/*FORMS & NEWSELTTER SIGNUP*/
#mce-success-response { padding: 10px 0px 10px 0px;  color:#354193;}
#mce-error-response { padding: 10px 0px 10px 0px;  color:#e93614;}
.form-control { border:0px; padding:20px;  border-radius: 0; background-color:#ffecbe;  margin-bottom: 10px; font-family: 'Px Grotesk','Roboto Condensed', sans-serif;}
.widget-text,
.widget-textarea{
    border: 0;
    padding: 0;
    border-radius: 0;
    margin: 20px 0;
    background-color: #ffecbe;
}
.form-control input,
.form-control textarea {
    font-family: 'Px Grotesk','Roboto Condensed', sans-serif;
    padding: 7px 20px;
    border-radius: 0;
    margin: 0 0 10px;
    background-color: #ffecbe;
    border: 0;
}
.form-control textarea {height: 200px;}

/* NEWS & EVENTS */
.mod_newslist, .mod_eventlist {     padding:0; }
.news.layout_latest {border-top:7px solid black;  padding:30px;}
.news a {text-decoration: none;}
.news-top h1 {  padding-top: 300px;}
.media img {    max-width: 100%; height: auto;}

/* FOOTER */
.footer img {height: 100px; margin-bottom: 25px; }
.footer a.footer.logo:hover {background:none;}

/* PARTNER LOGO GALLERY */
.content-gallery figure {width: 22vw; float: left;}
.content-gallery figure img {width:20vw; height: auto;}
.content-gallery ul li {list-style: none; padding:0; margin:0;}
.content-gallery ul {list-style: none; padding: 0; margin:0;} 

/* LAYOUT */
/** b_ = Border **/
/** h_ = Height **/

.container-fluid {border:7px solid black;}
section {border-bottom:7px solid black;overflow: hidden; }
section.footer {border-bottom: 0; margin-top: 50px;}
section.h_xl {height: auto;}
section.h_l {height: auto;}
section.h_m {height: auto;}
section.h_xl .content-image  { max-height: 85vw; min-height: 85vw; }

.content-text, .content-gallery, .image-padding, .ce_form {  padding: 10px;  }
.news h1, .news h3, .news p.info, .back a { padding-left: 10px; padding-right: 10px;}
.content-image {padding:0;}
.b_b {border-bottom:7px solid #000000;}
.b_r {border-right:7px solid #000000;}
.b_lg-b { border-bottom:7px solid black;}

#shadow-host-companion { border:0;}
.pricing.content-text {padding:0; }
.pricing .col-4 {padding:20px;} 
.col-12.pricing {padding:0;}

@media (min-width: 576px) { }
@media (min-width: 768px) {}
@media (min-width: 992px) {
	.pricing .col-4 {padding:30px;} 
	h1 {margin-bottom: 35px; font-size: 4em;}
}

@media (min-width: 1200px) {
	.b_xl-r { border-right:7px solid black;}
	.b_xl-b { border-bottom:7px solid black;}
	.b_lg-b { border-bottom:0px solid black;}
	.b_xl-l { border-left:7px solid black;}
	section.h_xl { height: 46vw;}
	section.h_l {height: 37vw;}
	section.h_m {height: 20vw;}
	
	.content-text.h_xl_h_50 {height:23vw;}
	.content-text.h_l_h_50 {height:18.5vw;}

	.content-gallery figure {  width: 15vw; }
	.content-gallery figure img {width:12vw; }
	.content-text, .content-gallery, .image-padding, .ce_form  {  padding: 25px;  }
	.news h1, .news h3, .news p.info, .back a {     padding-left: 25px; padding-right:25px;}
	.content-image .img-fluid { min-width: auto; width:100%; }

	.pricing .col-4 {padding:50px;} 

	.navbar .container-fluid { padding: 25px 25px 0;}
	.offcanvas-header {padding:25px 25px 0;}
	.mod_navigation li  { font-size:4em; line-height:1em; }

	h1 {margin-bottom: 35px; font-size: 4em;}
	p.rot-schraeg {transform:rotate(5deg); padding-bottom: 20px;}

}

@media (min-width: 1600px) {
	.content-text, .content-gallery, .ce_form  {  padding: 50px 50px 50px 50px;  }
	.news h1,
.news h3,
.news p.info,
.back a {
    padding-left: 50px; padding-right: 50px;
}
	h1 {margin-bottom: 35px; font-size: 4.5em;}

}


.googlemap { position: relative;  padding-bottom: 100%; /* 4:3 ratio*/ height: 0;  overflow: hidden; }
.googlemap iframe {  position: absolute;   top: 0; left: 0;  width: 100% !important;  height: 100% !important;}

.googlemaps {
height: 0;
overflow: hidden;
padding-bottom: 56%;
position: relative;
}
.googlemaps iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}