/*
Theme Name: Bavaria Shipping Agency
Author: ticktoo Systems GmbH / Pedro Stoehr
Author URI: https://ticktoo.com
Template: bones
*/

/*! IMPORTS ------------------------------------------------------------ */

@import url('fonts/SourceSerif/SourceSerif.css');
@import url('../bones/vendor/bootstrap-5.3.6-dist/css/bootstrap.min.css');
@import url('vendor/fontawesome-pro-6.4.2-web/css/all.min.css');

/*! VARS --------------------------------------------------------------- */

:root {
  --theme-font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto San', 'Liberation Sans', Arial, sans-serif;
	--theme-font-extra: 'Source Serif Pro', serif;
	--theme-color: 75,75,75;
  --theme-blue: 0,90,163;
  --theme-grey: 55,65,74;
	--bs-link-color-rgb:75,75,75;
  --bs-link-hover-color-rgb: 75,75,75;
  --bs-btn-color: 75,75,75;
  --theme-transition: all .15s ease-in-out;
}

/*! GENERAL ------------------------------------------------------------ */

body{background-color:rgb(var(--theme-blue));color:rgb(var(--theme-color));font-family:var(--theme-font);font-size:1rem;line-height:1.5}
h1{color:rgb(var(--theme-blue));font-family:var(--theme-font-extra);hyphens:auto;font-weight:300;line-height:1.1;margin:0;padding:2rem 0 1.25rem 0;}
h2{color:rgb(var(--theme-blue));font-family:var(--theme-font-extra);hyphens:auto;font-weight:300;margin:0;padding:.75rem 0 1rem 0;}
h3{hyphens:auto;font-weight:normal;margin:0;padding:.75rem 0 1rem 0}
h4{font-family:var(--theme-font);hyphens:auto;font-weight:bold;padding:.75rem 0 1rem 0}
p{margin-bottom: 1rem;}
p:last-child{margin-bottom:0}
.group:after{content:".";clear:both;display:block;height:0;visibility:hidden}
figure img{border-radius:10px;width:960px;max-width:100%;height:auto}
figure figcaption{font-size:.9rem;margin-top:.75rem}
.block-bild-text figure{margin-top:2rem}
.block-bild-text{margin-top:2rem;margin-bottom:2rem}
.current-menu-item:not(.menu-item-33):not(.menu-item-66) a,.current-menu-parent a{color:rgb(var(--theme-blue))}
.parent-pageid-119 .menu-item-33 a{color:rgb(var(--theme-blue))!important}
.frame-container{height:0;margin-bottom:10px;padding-bottom:71%;padding-top:30px;position:relative;overflow:hidden}
.frame-container iframe,.frame-container object,.frame-container embed{height:100%;left:0;position:absolute;top:0;width:100%}

/*! A11Y related ------ */

.hidden{display:none;}
.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}
.invisible{visibility:hidden;}

a:focus,
button:focus,
input:focus,
select:focus:focus,
textarea:focus,
[tabindex]:not([tabindex="-1"]):focus {
    outline-color: currentColor;
    outline-offset: 2px;
    outline: 2px solid!important;
}

[class^="icon-"], [class*=" icon-"],
[class^="element-"], [class*=" element-"] {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  line-height: 1;
  margin: 0;
  padding: 0;
}

#skiptocontent a {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:#BF1722;
	-webkit-transition: top .5s ease-out;
    transition: top .5s ease-out;
    z-index: 100000;
}

#skiptocontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	outline-color:transparent;	
	-webkit-transition: top .05s ease-in;
    transition: top .05s ease-in;
}

@media (prefers-reduced-motion: reduce) {
	#skiptocontent a {
		transition-duration: 0.001ms !important;
	}
}

/*! HEADER ------------------------------------------------------------- */

.site-header{background-color:#FFF;position:relative;z-index:23}
.site-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative;padding-top:1rem;padding-bottom:1rem}
.element-logo{height:65px;width:209px;display:block}
.nav-toggle{color:rgb(var(--theme-color));display:inline-block;border:0;background-color:transparent;padding:.5rem;line-height:1}
.nav-toggle[aria-expanded="true"] .icon-menu{display:none}
.nav-toggle[aria-expanded="false"] .icon-close{display:none}
.nav-toggle [class^="icon-"],.nav-toggle [class*=" icon-"]{height:1.5em;width:1.5em}

/*! SITE -------------------------------------------------------------------- */

#hero{background:url(img/element_hero.svg) no-repeat center top;background-size:cover;position:relative;min-height:300px;width:100%;display:block;padding-bottom:2rem}
.hero-thumb{min-height:460px!important}
.hero-thumb.home{background-position:center center!important}
#Inhalt{background-color:#FFF;padding:0 0 2rem}
#Inhalt a{color:rgb(var(--theme-blue))}

/*! FOOTER ------------------------------------------------------------- */

.site-footer{color:#FFF;font-family:var(--theme-font);font-size:.9rem;padding:2rem 0}
.site-footer ul{list-style-type:none;margin:0;padding:0}
.site-footer p{margin-bottom:.15rem}
.site-footer strong{text-transform:uppercase}
.site-footer a{color:#FFF!important;text-decoration:none}
.site-footer a:hover{text-decoration:underline}

/*! LAZY BLOCKS ------------------------------------------------------------- */

/*! SPACER */

.block-spacer{display:block;width:100%}
.block-spacer.s1{height:1rem}
.block-spacer.s2{height:2rem}
.block-spacer.s3{height:4rem}
.block-spacer.s4{height:6rem}

/*! LOGOS */

.block-partner {
  padding-top: 1rem;
}
.partner-item {
  border: 2px solid rgba(var(--theme-blue),.5);
  border-radius: 6px;
  margin-bottom: 1.5rem;
  padding:1rem
}

.item-short {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  color: rgb(var(--theme-blue));
}
.item-name {
  font-size: .9rem;
  color: #595959;
}
.logo-image{align-items:center;display:flex;height:100px;justify-content:center;margin:.5rem 0}
.logo-image img{display:inline-block;height:auto;width:auto;max-width:150px;max-height:100px;}

/*! BOOTSTRAP PARTS modified ------------------------------------------------ */

.container{padding:0 2rem}
.img-fluid{height:auto;max-width:100%;width:100%}
.offcanvas{background-clip:padding-box;border:0;bottom:0;display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:opacity .1s ease-in-out;visibility:hidden;z-index:10001}
.offcanvas-top{background:rgb(var(--theme-color-green-light));height:100vh!important;left:0;max-height:100%;opacity:0;right:0;top:0}
.offcanvas.show{opacity:1;visibility:visible}
.modal{z-index:10001;}
.modal-backdrop{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background-color:rgb(var(--ewd-brown))}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.6}
.modal-content{border-radius:0;border:0;position: relative;}
.custom-modal-close{position:absolute;right:20px;top:20px;z-index:10002}
.custom-modal-close .inner{background:url(img/asset_icon-close.svg) no-repeat 0 0;background-size:16px 16px;display:block;height:16px;width:16px;cursor:pointer;text-indent:-9999px}

/*! WP Modifiers ------------------------------------------------------------ */

.wp-block-image{margin:1.5rem 0}
.wp-block-image.size-large img,
.wp-block-image.size-full img{border-radius:6px;display:block;height:auto;max-width:100%;width:1200px;}
.wp-block-embed-youtube {margin:0;padding:0;}
.wp-block-embed-youtube .wp-block-embed__wrapper{height:0;margin-bottom:24px;padding-bottom:56.25%;padding-top:30px;position:relative;overflow:hidden}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe,.wp-block-embed-youtube .wp-block-embed__wrapper object,.wp-block-embed-youtube .wp-block-embed__wrapper embed,.wp-block-embed-youtube .wp-block-embed__wrapper video{height:100%;left:0;position:absolute;top:0;width:100%}
.wp-block-file{border:1px solid #DDD;height:42px;line-height:42px;margin-bottom:10px;position:relative;width:100%}
.wp-block-file a {border: 0;}
.wp-block-file a:not(.wp-block-file__button){background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='rgb(29,29,27)' d='M47 48H1c-.6 0-1-.4-1-1V37c0-.6.4-1 1-1s1 .4 1 1v9h44v-9c0-.6.4-1 1-1s1 .4 1 1v10c0 .6-.4 1-1 1zM24 38c-.3 0-.5-.1-.7-.3l-14-14c-.3-.3-.4-.7-.2-1.1.1-.4.5-.6.9-.6h6V1c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v21h6c.4 0 .8.2.9.6.2.4.1.8-.2 1.1l-14 14c-.2.2-.4.3-.7.3zM12.4 24L24 35.6 35.6 24H31c-.6 0-1-.5-1-1V2H18v21c0 .6-.4 1-1 1h-4.6z'/></svg>");background-position:10px center;background-repeat:no-repeat;background-size:24px 24px;color:var(--agf-blue-light);display:block;font-weight:600;padding-left:50px;text-decoration:none}
.wp-block-file a:not(.wp-block-file__button):hover{color:#999;}
.wp-block-file__button{display:none}
.wp-block-button__link{background-color:#666!important;border-radius:3px!important;border:1px solid #666!important;color:#FFF!important;font-size:.9rem;font-weight:bold!important;letter-spacing:.025rem;margin-bottom:0!important;outline:0!important;padding:10px;text-transform:uppercase;width:100%}

/*! RESPONSIVE, BABY! -------------------------------------------------- */

@media screen and (min-width: 1200px){ /* EXTRA LARGE */
  .container-md,.container-sm,.container{max-width:1000px}

}
@media screen and (min-width: 992px){ /* LARGE */ 

.hero-thumb.home {
  min-height: 900px!important;
}

[class^="leistungen-"], 
[class*=" leistungen-"] {
  .service-text {
    min-height: 80px;
 }
}



h1 {
  font-size: 2.775rem;
}
h2 {
  font-size: 1.775rem;
}
h3 {
  font-size: 1.4rem;
}
h4 {
  font-size: 1.1rem;
}

  #Inhalt {
  padding: 1rem 0 4rem 0;
}

.element-logo.mobile {
  display: none;
}

.nav-toggle {
    display: none;
  }


 nav > ul {
            display: flex;
            flex-wrap: wrap;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none;
            gap: 1.5rem;
        }
        nav > ul > li {
            position: relative;
        }

        nav > ul > li a {
            font-family: var(--theme-font-extra);
            font-size: 1.3rem;
            display: inline-block;
            position: relative;
            text-decoration: none;
        }

        nav > ul > li a:hover {
          text-decoration: underline;
        }

        nav > ul > li > ul > li a {
          font-size: 1rem;
          font-family: var(--theme-font);
        }

        nav>ul>li>ul {
            list-style-type: none;
            display: none;
            position: absolute;
            left: 0;
            right: 0;
            top: 100%;
            padding: 0;
            margin: 0;
            min-width: 150px;
        }

        nav>ul>li.open>ul {
            display: block;
        }
        .menu-item-has-children>a {
            padding-right: 14px
        }

        .menu-item-has-children>a::after {
            content:'';
            display: inline-block;
            border-right: 2px solid currentColor;
            border-bottom: 2px solid currentColor;
            width: 7px;
            height: 7px;
            transform: rotate(-315deg);
            position: absolute;
            right: 0;
            top: 10px;
        }


}
@media screen and (max-width: 991.98px){ /* SMALL + MEDIUM */
	

.block-spacer.s1{height:1rem}
.block-spacer.s2{height:1rem}
.block-spacer.s3{height:2rem}
.block-spacer.s4{height:2rem}


h1 {
  font-size: 2.375rem;
}


.element-logo {
  height: 50px;
  width: 161px;
  display: block;
}

  .site-header .container,
main .container {
    padding-top: 1rem;
  padding-bottom: 1rem;
}

nav {
  flex: 0 0 100%;
  max-width: 100%;
}

nav > ul,
nav>ul>li>ul {
    list-style-type: none;
    margin: 0;
    padding: 0
        }

nav > ul {
  border-top: 1px solid #DDD;
  margin-top: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#main-nav {
  display: none;
}
#main-nav.open {
  display: block;
}
.site-footer .footer-item{margin-bottom:1rem}
.logo-image {margin:1.5rem 0}
.logo-image img {max-width:100%;}
  
}
@media screen and (min-width: 576px) and (max-width: 991.98px){ /* MEDIUM ONLY */ }
@media screen and (max-width: 575.98px){ /* SMALL ONLY*/ 
  
}

/*! END OF LINE */