/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

html {
  font-size: 0.36rem;
  line-height: 0.36rem;
}

body {
  font-size: 2.4rem;
}

h1 {
  font-family: "Raleway", sans-serif;
  font-size: 4.8rem;
  line-height: 150%;
  letter-spacing: 0.27px;
  color: #0071bd;
}

h2 {
  font-family: "Raleway", sans-serif;
  font-size: 3.8rem;
  line-height: 150%;
  letter-spacing: 0.27px;
  color: #0071bd;
}

h3 {
  font-size: 2.9rem;
  font-weight: 800;
}

img {
  height: auto;
}

a.dropdown-toggle {
  font-size: 2.4rem;
}

.btn-primary {
  border-color: transparent;
}
.btn-primary, .button.button-3d {
  border-radius: 0;
  border-bottom: solid 3px #066506;
  box-shadow: none;
  background: #078807;
}

.btn-primary:hover, .button.button-3d:hover {
  box-shadow: none;
  background: #066506;
  border-bottom: solid 3px #078807;
}

.btn{font-size: 2.6rem;}

.header-contact {
  display: none;
}

.section li {
  display:inline-flex;
  width:100%;
}

.section li::before {
  content: "\e988";
  display:inline-flex;
  font-family: 'font-icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  color: #0071bd;
  margin-right: 10px;
}


.frame {
  display: block;
  width: 100%;
}

section#content {
  padding: 60px 15px;
}

#header {
  border-bottom: none;
}

.content-wrap {
  padding: 0 0 80px 0;
}

div.lochblech {
  height: 50px;
  background: transparent url("../img/bg_lochblech.png") 0% 0% repeat padding-box;
}

.sticky-header-shrink #header-wrap #logo img {
    width: auto !important;
}

.contact-data {
  padding: 20px 15px 10px;
}

.contact-data,
.contact-data a {
  font-weight: 800;
  color: #fff !important;
}

.contact-data a {
  font-size: 3.1rem;
  line-height: 3.6rem;
}

.section {
  margin: 30px 0;
  padding: 30px 0;
  background-color: #fff;
}

#wrapper section:nth-of-type(2){
  margin: 0 0 30px 0;
}

.section.bg_zug {
  background-image: url(/fileadmin/schuette/industrie/bg_industrie.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  padding: 60px 0;
  margin: 0;
}

.frame-whitebg {
  padding: 15px;
  background: #fff;
}

a.button {
  display: block;
  text-align: center;
}

#gallery {
  margin-bottom: 60px;
}

.owl-carousel .owl-item img {
  height: auto;
}

.container>.pp-container {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.row>.pp-row-collapse {
  margin: 60px 0;
}

.contact-data .i-plain {
  color: #fff;
  text-shadow: none;
  line-height: 3.1rem !important;
  font-size: 3.1rem !important;
}

.i-circled {
  background: #0071bd;
}

#c10 header {
  display: block position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem;
}

#c10 header h2 {
  position: relative;
  margin-bottom: 0;
}

#c10 header:before,
#c10 header::after {
  content: '';
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  height: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-top: 3px double #e5e5e5;
}

#c10 header::before {
  display: block;
  margin-right: .75rem;
}

#c10 header::after {
  margin-left: .75rem;
}

.form-control {
  display: block;
  width: 100%;
  height: auto;
  padding: 8px 14px;
  font-size: 2.4rem;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 2px solid #ddd;
  border-radius: 0 !important;
  -webkit-transition: border-color ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s;
}

label {
  text-transform: none;
  font-size: 2.4rem;
}

.button {
  font-size: 2.6rem;
  line-height: 2.6rem;
  text-transform: none;
  background: #078807;
}

section.abbinder {
  background: #009fe3;
  padding: 1px;
}

section.abbinder h2 {
  font-size: 4.5rem;
  color: #fff !important;
  margin: 20px 0;
  font-weight: 800;
}

footer {
  font-size: 2rem;
}

#footer.dark {
  color: #fff;
}

#gotoTop {
  background: #0071bd;
}

#gotoTop:hover {
  background: #009fe3;
}

.lang_menu .dropdown-menu {
  min-width: auto;
  padding: 0;
  margin: 0.125rem 0 0;
  font-size: 2.6rem;
  color: #212529;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.lang_menu .dropdown-menu li {
  padding: 0.7rem 0.7rem;
}

.lang_menu .dropdown-menu li.active {
  background: #0071bd;
}

.lang_menu .dropdown-menu li.active a {
  color: #fff;
}

#CookieBox h2 {
  font-size: 2.6rem;
}

#CookieBox p {
  font-family: inherit;
  font-weight: 400;
  font-size: 1.6rem;
}

#CookieBox .cookie-btn,
#CookieBox a {
  font-size: 1.6rem;
}

.cookie-consent-container a.show-details,
.cookie-consent-container a:visited.show-details,
.cookie-consent-container a:active.show-details,
.cookie-consent-container a:focus.show-details,
.cookie-consent-container a:focus:active.show-details {
  font-size: 1.6rem;
}

.waconcookiemanagement {
  background: rgba(0, 0, 0, 0);
}

#CookieBox {
  border: solid 1px #0071bd
}

#CookieBox .cookieclose {
  background: #0071bd
}

#gotoTop {
  font-size: 2.6rem
}

.owl-carousel .owl-nav [class*="owl-"] {
  opacity: 1;
}

@media (min-width: 768px) {
  html {
    font-size: 0.5rem;
    line-height: 0.5rem;
  }

  section#content {
    padding: 60px 0;
  }
}

@media (min-width: 992px) {
  section#content {
    padding: 60px 0;
  }

  .section {
    margin: 60px 0;
    padding: 60px 0;
    background-color: #fff;
  }

  .bg_zug {
    padding: 110px 0;
  }

  a.dropdown-toggle {
    font-size: 2rem;
  }

  .lang_menu .dropdown-menu {
    font-size: 1.6rem;
  }

  #c1617 .button{
    max-width:50%;
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 0.625rem;
    line-height: 0.625rem;
  }

  .sticky-header-shrink .header-contact {
    display: inline
  }

  .sticky-header-shrink .header-contact div {
    float: left;
    margin-right: 100px;
  }

  .sticky-header-shrink .header-contact div i {
    color: #0071bd;
    margin: 4px 5px 7px 0;
  }

  .sticky-header-shrink .header-contact div a {
    color: #333;
    font-weight: 800;
    font-size: 2rem;
  }

  .sticky-header-shrink .header-contact div:first-child {
    margin-right: 30px;
  }
}

/* MINDSHAPE COOKIE CONSENT*/
.cookie-consent-container .consent-modal {
    position: absolute;
    bottom: 5px;
    top: auto !important;
    transform: translate(-50%, -2%) !important;
    max-width: 96% !important;
    width: 96% !important;
    max-height: auto !important;
    min-height: auto !important;
    height: auto !important;
    margin: auto;
    padding: 1em;
    background-color: #fff;
    overflow-y: auto;
    box-shadow: 0 0 5px #000;
    border-radius: 5px;
    transition: all .5s ease-in-out;
    text-align: center;
}

.cookie-consent-container a.show-details, .cookie-consent-container a:visited.show-details, .cookie-consent-container a:active.show-details, .cookie-consent-container a:focus.show-details, .cookie-consent-container a:focus:active.show-details {
    font-size: 1rem!important;
}

.video-embed {
    background: url(../img/video_blocked.png) center center no-repeat #e8eaed;
  width:1290px;
}

.cookie-consent-replacement{padding:10px!important}
.cookie-consent-replacement .btn-primary{background:#0071bd!important;border-bottom:none!important}


/* .cookie-consent-container .buttons .btn--secondary {
    background:#6f9322!important;
    color:#fff!important;
    border:2px solid #6f9322!important;
    margin-bottom:10px;
    opacity: 1!important;
   }
   .cookie-consent-container .buttons .btn--secondary:hover {
    background:#30400f!important;
    border:2px solid #30400f!important
   } */

   .cookie-consent-container .buttons .btn--secondary {
    background:#0071bd!important;
    color:#fff!important;
    border:2px solid #0071bd!important;
    margin-bottom:10px;
    opacity: 1!important;
   }
   .cookie-consent-container .buttons .btn--secondary:hover {
    background:#004370!important;
    border:2px solid #004370!important;
   }

.cookie-consent-container .buttons .btn--primary {
    background:#0071bd!important;
    color:#fff!important;
    border:2px solid #0071bd!important;
    margin-bottom:10px;
    opacity: 1!important;
   }
   .cookie-consent-container .buttons .btn--primary:hover {
    background:#004370 !important;
    border:2px solid #004370!important;
   }

.cookie-consent-container .label input:checked ~ .checkmark {
    background-color: #6d9dbd !important;
}
.cc-bottom .cookie-consent-open {
    background-color: #0071bd;
    color: #ffffff;
    padding: 8px 22px;
    font-family: Raleway, Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    border: 0;
    border-radius: 0;
    box-shadow: none;    
}


.cc-animate.cc-revoke {
    -webkit-transition: transform 1s ease;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
}

.cc-animate.cc-revoke.cc-bottom {
    -webkit-transform: translateY(2em)!important;
    transform: translateY(2em)!important
}

.cc-animate.cc-revoke.ctive.cc-bottom:hover {
    -webkit-transform: translateY(0)!important;
    transform: translateY(0)!important
}

.cc-animate.cc-revoke:hover {
    -webkit-transform: translateY(0)!important;
    transform: translateY(0)!important
}

.cc-revoke {
    position: fixed;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999;
}

.cc-revoke button.btn.btn-primary {border:solid 1px #fff;}

.cc-revoke {
    padding: .5em
}

.cc-revoke {
    cursor: pointer
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating>.cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cc-window.cc-banner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em
}

.cc-compliance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.cc-floating .cc-compliance>.cc-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cc-btn+.cc-btn {
    margin-left: .5em
}

@media print {

    .cc-revoke,
    .cc-window {
        display: none
    }
}

@media screen and (max-width:900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width:414px) and (orientation:portrait),
screen and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner,
    .cc-window.cc-floating,
    .cc-window.cc-left,
    .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-window.cc-banner .cc-compliance {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset
    }

    .cc-window.cc-banner .cc-message {
        margin-right: 0
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em;
    margin-bottom: 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
    margin-left: 0
}

.cookie-consent-open.btn{
    font-size:16px;
    font-weight:400;
  }
@media(max-width:1199px) {
.video-embed {
  width:930px;
}
}
@media(max-width:991px) {
.video-embed {
  width:690px;
}
}
@media (min-width: 768px) {
    .cookie-consent-container .consent-modal .options li {
        width: 24% !important;
    }
}

html #cookie-consent *{font-size:1.6rem!important}
html #cookie-consent .cookie-headline{font-size:2.5rem!important}