@media screen and (max-width: 9999px) {
  .social {    position: absolute;   bottom:26px; right:15px;}
  .social .block-title, .social svg {color:#fff!important;}
  .social .st0 {fill:#fff!important;}
}
@media screen and (max-width: 991px) {
  .naviburger {width:1.65em!important; height:1.65em!important;}
  #wrapperHeader #serviceSearch #serviceSearchButton input { width: 2.5rem!important; height: 2.5rem!important; position:relative; top:-0.4em;}
  #wrapperHeader #topsticky #navPrimary {margin-top:-0.4rem!important;}
#wrapperHeader.mini.scrolled #navBreadcrumbs{max-width:100%;}
#wrapperHeader.mini.scrolled #topsticky {max-width:5em;}
}
@media screen and (max-width: 767px) {
  #wrapperHeader #topsticky #navPrimary {}
  #wrapperHeader #topsticky { }
  #wrapperContentNav { height:10em; background-color: #3b79a5;}
  #wrapperHeader #topsticky #navPrimary ul {display:inline-block!important;}
  #wrapperHeader #topsticky #navPrimary ul ul{display:none!important;} 
  #wrapperHeader #topsticky #navPrimary.active ul ul{display:block!important;}
  #wrapperHeader #topsticky #navPrimary { position: relative!important; top: 0!important; }
  #wrapperHeader #serviceSearch #serviceSearchButton input { width: 3rem; height: 3rem; top:-0.3em;}
  .naviburger {width:1.8em!important; height:1.8em!important;}
  #wrapperHeader #topsticky #navPrimary {margin-top:-1rem!important;}
  #navPrimary.active .topnavilayer .closebutton {    display: block !important;  position: absolute; top: -4.3em!important; height:2em; right:1em!important;}
  #navPrimary.active>ul>li>a {width:50%;}
  .service-nav li{padding-right:1em!important;}
  .social {bottom: 5px!important;}
   #wrapperFooter .footer__bottom .inner .service-nav {    margin-top: 0rem!important;}
  #wrapperFooter .inner {  height: 9em; }
  #content .teaserBox.type2 .row {text-align:center;}
  #content .teaserBox.type2 .sub { height:auto;}
  #content .teaserBox.type2 a.button {position:static; top:0; display:inline-block; padding:0.4em 3em 0.7em;  margin-bottom:1em;}
  #content .teaserBox.type2 .circle { margin-top:1em; margin-left: calc(50% - 3em);}
  #content .teaserBox.type2 img.icon {}
  .homeHead p {padding:0;}
  .homeHead .svgrow .svgIconDiv {   width: 100%;  }
  .homeHead .svgrow .svgIconDiv svg {width: 100%; top: 0;  left: 0;  right: auto;}

  #wrapperHeader.mini.scrolled #topsticky,  #wrapperHeader.mini.scrolled #navBreadcrumbs{height:57px!important;}
  #wrapperHeader.mini.scrolled #serviceSearch #serviceSearchButton input {top:0.5em;}
  .logos .abna img {max-height:90px;}
  img.agiga {max-height:55px;}
  #navlinks {margin-top:10px;}

}

@media screen and (min-width: 768px) {
  .container {width:auto!important;}
  #wrapperContentNav { height:10em;}
  #wrapperHeader #topsticky #navPrimary .topnavilayer {    margin-top: 19px !important;  }
  #wrapperHeader.mini.scrolled #navBreadcrumbs > ol:before { top: -4px !important;}
}
@media screen and (max-width: 1200px){
  .social svg {    width: auto!important;    height: auto!important;}

}
@media screen and (max-width: 479px){
  .social {margin-top:0!important; bottom:26px!important;}
  .ilb {display:block!important;}
  .logos .abna img {max-height:80px;}
   img.agiga {max-height:50px;}
#navlinks {margin-top:20px;}
}

@media (min-width: 768px) and (max-width: 1079px){
  .col-sm-9 {    width: 75%;    float: left;}
}
@media screen and (min-width: 1080px) {
  #content .fs120 p, #content .fs120 p a, #content .fs120 p *{font-size:2.1rem;}
  #content .RichTextExtLink { color:#ef740e;}
  #content .fs120 .RichTextExtLink { background: transparent url(/static/Bilder/icons/SVG/arrowExternal.svg) no-repeat 0.1em .53em;  background-size: 15px 14px;  padding-left: 1em;}