/* Fonts */
@font-face {
    font-family: 'Overpass';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url('../fonts/overpass-v2-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Overpass Regular'), local('Overpass-Regular'),
         url('../fonts/overpass-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/overpass-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/overpass-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/overpass-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/overpass-v2-latin-regular.svg#Overpass') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Overpass';
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src: url('../fonts/overpass-v2-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Overpass Bold'), local('Overpass-Bold'),
            url('../fonts/overpass-v2-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../fonts/overpass-v2-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
            url('../fonts/overpass-v2-latin-700.woff') format('woff'), /* Modern Browsers */
            url('../fonts/overpass-v2-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
            url('../fonts/overpass-v2-latin-700.svg#Overpass') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'minimal-social';
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
    src: url('../fonts/minimal-social.eot');
    src: url('../fonts/minimal-social.eot#iefix') format('embedded-opentype'),
         url('../fonts/minimal-social.woff2') format('woff2'),
         url('../fonts/minimal-social.woff') format('woff'),
         url('../fonts/minimal-social.ttf') format('truetype'),
         url('../fonts/minimal-social.svg#minimal-social') format('svg');    
}




/*General */

body {
    font-family: Overpass;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: Overpass;
}

h1 {
    hyphens: none;
}

a {
    color:#78AB46;
    text-decoration: underline;
}

a:hover, a:focus {
    color: #628f35;
    text-decoration: none;
}

footer a {
    color:white;
    text-decoration: underline;
}

footer a:hover, a:focus {
    text-decoration: none;
}

.menu a, .menu a:hover, .menu a:focus, a.button, a.button:focus {
    text-decoration: none;
}

.button {
    background-color: #78AB46;
}

.button:hover, .button:focus {
    background-color:#628f35;
}

/* Fixes white/blue stroke flashing of links in main menu. */
.menu a, .menu a:hover, .menu a:active, .menu a:focus {
    outline: none;
    border: none;
}

p {
    text-align: justify;
    hyphens: auto;
    -moz-hyphens: auto;
}


h2 {
    font-size: 2rem;
    text-transform:uppercase;
}

h3 {
    font-size: 1.5rem;
    padding-top:  1.25rem;
    text-transform: uppercase;
}

.card-divider {
    background: none;
}

.card {
    border: none;
    padding: 1rem;
}
  
.margin-top {
    margin-top: 2rem !important;
}

.green {
    color: #78AB46;
}

/* Topbar */
.topbar, .top-bar, .top-bar ul {
    background: #78AB46;
    color: #fff;
    padding: 0;
}
.topbar .icon{
    color: #fff;
}

.topbar .menu .menu-text, .topbar .dropdown.menu a, .topbar .menu a {
    padding: 0.5rem 1rem;
}

.social-media #facebook {
    margin-left: 1.25rem;
}

.menu-language ul{
    padding: 0;
}

.menu-language .dropdown.menu a{
    color: #fff;
}

.menu-language .dropdown.menu a:hover{
    background: #628F35;
}

.menu-language .menu .active > a{
    font-weight: bold;
    color: #fff;
    background: #628F35;
}

.slider-title {
    color:white;
    text-transform: uppercase;
}

.slider-text {
    color: white;
    font-size: 1.7rem;
}

.overlay-image {
    padding: 1rem;
}

.overlay-text {
    padding: 1rem;
    padding-left: 3rem;
}

.second-headline {
    text-transform: uppercase;
}

/* prevent reload flashing. */
.menu .active > a {
   background: none;
}

/* Navigationbar */
#small-logo img {
    max-width: 8.5em;
}

.menubar-shop{
    font-size: 1.3rem;
}

#logo img {
    width: 180px;
    margin-left: 1rem;
}

#responsive-menu {
    background: transparent;
    
}
#responsive-menu ul {
    background:  transparent;
}

#responsive-menu li {
    text-align: center;
    padding: 0;
}

#menubar { 
    color:#383838;
    box-shadow: 0rem 0.9375rem 0.625rem -0.9375rem #111; 
    z-index: 11;
}

#first-level .dropdown.menu ul{
    align-items: center;
}

#first-level .dropdown.menu li {
    align-items: center;
}

#first-level .dropdown.menu li a {
    color: #383838; 
    font-size: 1.125rem;
    align-items: center;
    padding-top: 1.875rem;
    background: transparent;
}

#first-level .dropdown.menu li.selected a {
    color:#78AB46;
    font-weight: bold;
    font-size: 1.125rem;
}

#first-level .dropdown.menu li.unselected a {
    color: #383838;
}

#first-level li {
    text-align: center;
}

#first-level li a{
    height: 4em;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

#first-level .dropdown.menu li a:hover {
    color:#78AB46;
    text-decoration: none;
}

#first-level .dropdown.menu li.active a{
    color:#78AB46;
}


#first-level li a img {
    margin-top: 2%;
    max-height: 90%;
    max-width: 120%;
    height: 3.125rem;
    width: auto;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after{
    border-color: #383838 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.dropdown.menu > li.selected.is-dropdown-submenu-parent > a::after{
    border-color: #78AB46 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #383838 transparent;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    border-color: #383838 transparent;
}

#menu-top-bar, .top-bar-left, .title-bar  {
    background: transparent;
}

#first-level{
    background: white;
}

#first-level .dropdown.menu li.active{
    color: #78AB46;
}
#first-level .dropdown.menu li.active a{
    background: none;
    color: #78AB46;
}

#second-level{
    background-color: rgba(255, 255, 255, 0.6);
}

#second-level .dropdown.menu li a {
    padding: 0.7rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    height: auto;
}

#menu-top-bar2, #second-level .top-bar ul, #second-level .dropdown.menu li a {
    background: none;
}

#second-level li a {
    color: #333;
}

#second-level li.active a, #second-level li a:hover{
    color: #628f35;
}

#second-level li.active{
    background-color: rgba(255, 255, 255, 0.6);
}

.menu .menu-text {
    font-weight: 500;
}

.menu-icon.dark {
    color: #383838;  
    margin-top: 4px;
    width: 24px;
    height: 20px;
}

.menu-icon.dark::after {
    background: #628f35;
    box-shadow: 0 0.4375rem 0 #628f35, 0 0.875rem 0 #628f35;
}

.menu-icon.dark:hover::after {
    background: #628f35;
    box-shadow: 0 0.4375rem 0 #628f35, 0 0.875rem 0 #628f35;
}


/*Off-canvas Menubar */
#off-canvas-menu li.index-1 a:visited{
    border:#628f35 solid 0.125rem;
}
.off-canvas-wrapper {
    flex: 1 0 auto;
}

.off-canvas {
    box-shadow: none !important;
    background: #628f35;
    padding: .5rem;
}

.off-canvas a {
    background: #628f35;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
}

.off-canvas a:hover {
    color: #fff;
}

.off-canvas li.active a{
    color: #628f35 !important;
    background: #fff;
   
}

.off-canvas a:active {
    color: #fff;
}

.off-canvas ul {
    background: #628f35;
}

.off-canvas .accordion.menu > li > a {
    font-weight: bold !important;
    text-transform: none !important; 
}

.off-canvas .accordion.menu li ul.menu li {
    padding-left: 1rem;
    width: 100%;
}

.off-canvas .menu .vertical a {
    
    padding-left: 2rem;
}

.off-canvas-button {
    background: #628f35;
    color: #383838;
    font-size: 1.2rem;
    font-weight: bold;
}

.off-canvas-button:hover{
    background: #628f35;
    color: white; 
}



.off-canvas-button:active{
    background: #628f35;
    color: white; 
}



.dropdown-pane{ 
    margin-left: 0.5rem;
    width: auto;
    background-color: #628f35;
}

.is-dropdown-submenu {
    margin-left: 0.5rem;
    border: 0;
    width: auto;
    background-color: #628f35;
}

.off-canvas .menu .menu-text {
    padding-left: 0;
    padding-bottom: 0.5rem;
}

.off-canvas .first {
    font-weight: bold;
}

.off-canvas .dropdown.menu .is-active > a{
    color:white;
}

.accordion-menu .is-accordion-submenu a {
    margin-left: 0.5rem;
    width: auto;
    background-color: #628f35;
}



/*Slider */
.orbit-container{
    position: relative;
}

.homepage-overlay {
    background-size: cover;
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #383838 transparent transparent;
}

.slider-content {
    margin-top: 5rem;
    margin-bottom: 5rem;
}
    
@media screen and (max-width:115em) {
    .header-overlay {
        width: 33%;
    }

    .header-overlay h1 {
        font-size: 3.8vw;
        padding: 0.5rem;
    }

    .orbit-bullets {
        display: none; } }
        
@media screen and (max-width:85em) {
    .header-overlay {
        width: 32%;
    }

    .header-overlay h1 {
        font-size: 3.6vw;
        padding: 0.5rem;
    }

    .orbit-bullets {
        display: none; }}

@media screen and (max-width: 65em) {
    .header-overlay {
        width: 29%;
    }

    .header-overlay h1 {
        font-size: 3.5vw;
        padding: 0.5rem;
    }

    .orbit-bullets {
        display: none; } }
            
@media screen and (max-width: 35em) {
    .header-overlay {
        width: 26%;
    }
    
    .header-overlay h1 {
        font-size: 2.7vw;
        padding: 0.5rem;
    }
    
    .orbit-bullets {
        display: none; }}
        
    
/* 3-step-graphic */
.graphics-container-full{
    margin-top: -1.6em !important;
    position: relative;
    overflow: hidden;
}

.graphics-container {
    max-width: 25rem;
    margin-top:1em;    
    margin-bottom:1em;
}

.graphics-container div{
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
}

.icon img {
    height: auto;
    max-width: 7rem;
    text-align: center;
    margin-top: 1em;
    margin-bottom:1em;
}

.icon-header {    
    height: auto;
    font-size: 1.375rem;
    font-weight: bold;    
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;  
}

.icon-text {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    text-align: center;
}

/* Content */

.homepage-slider img, .page-slider img{
    width: 100%;
}

.home-image {
    padding: 1.5rem;
    padding-left: 1rem;
}

.home-content {
    padding-top: 1.5rem;
    
}

article {
    margin-bottom: 1.25rem;
}

h1 {
    margin-bottom: 0.5rem;
    margin-top: 3.5%;
}

h1 p{
    margin: 0;
}

article .button{
    background: #628f35;
    font-weight: 700;
    margin-top: 1rem;
}

article .button:hover {
    background: #628f35;
    color: white;  
}

.grid-bloglist h3{
    font-size: 1.1875rem;
}

.blog-card {
    height: 5rem;
    font-weight: bold;
}

.explanation .cell h2 {
    font-size: 2rem;
    text-transform: uppercase;
}

.home-padding .cell.large-6 {
    padding:1rem;
}

.explanation-content {
    margin-top:3rem;
}

.picture-left {
    padding-right:3rem;
}

.grid-grey {
    background-color:#F5F5F5;
}

.grey-explanation {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

/* Footer */

footer {
    background: #383838;
    padding-top: 1rem;
}

#footer-container {
    background: #383838;
    color: white;
    align-content: center;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    height: auto !important;
    margin-bottom:0 !important;
}

.footer-grid {
    text-align: center;
    margin-top: 1rem;
}

.footer-grid img {
    max-width:100%;
    margin-bottom: 0.625rem;
    width:auto;
}

.footer-cell {
    margin-top: 1rem;
}

.footer-cell p {
    text-align:center; 
}

.footer-cell a {
    color: white;
}

.footer-cell a.logo-link {
    border:none;
}

#footer-logo img{
    max-width: 180px;
}

#footer-logo svg{
    color: #fff;
    fill: currentColor !important;
}

#footer-pages {
    padding-left:6rem;
}

#footer-links {
    padding-left:6rem;
}

#footer-contact {
    padding-left:7rem;
}


/*Contentpages*/
#content-header-cell h1 {
    margin-top: 2rem;
    border-bottom: 0.125rem solid #78AB46;
}

.content-article div.cell {
    padding-bottom: 1.5rem;
    margin-top: 1.5rem;
    border-bottom: 0.125rem solid  #78AB46; 
}

.content-image {
    padding: 1.25rem;  
}

.image-odd{
    padding-left: 0;
    padding-right: 2.5rem;
}

.image-even{
    padding-right: 0;
    padding-left: 2.5rem;
}

.second-content-container {
    background: #F3F3F1;  
}

.second-content {
    background: #F3F3F1;
    margin-bottom: 1.8rem;
}

.second-content h3 {
    font-size: 1.5rem;
    border-bottom: 0.125rem solid  rgba(40, 80, 129, 0.8);
    margin-top: 1.5rem;
}

h2 {
    font-size: 1.5rem;
}

.content-article div.content-images {
    margin: 1rem;
}

.sub-image {
padding: 0.5rem;
margin-top: 5rem;
}

.video-container {
    margin-top: 5rem;
}

.contentpage-overlay {
    background-image: url("../images/header-bild.jpg");
    background-size: cover;
}

.contentpage-overlay-text {
    color: white;
    margin-top:2rem;
    margin-bottom:2rem;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*CSS for FAQs */
.faq-text {
    margin-bottom: 2rem;
}

.faqpartial-content h3 { 
    font-size: 1.5rem;
    border-bottom: 0.125rem solid  rgba(40, 80, 129, 0.8);
    margin-top: 1.5rem;
}

.accordion-title {
    font-size: 2rem;
    color: #628f35;
    text-decoration: none;
}

.is-active .accordion-title {
    background-color: #F3F3F1;
    color: #628f35;
}

.accordion-title:hover, .accordion-title:focus {
    background-color: #F3F3F1;
    color: #628f35;
    text-decoration: none;
}

.accordion-title p {
    text-align: left;
    padding: 0;
    padding-left: 1rem;
    margin: 0;
}

.faq-content {
    margin-bottom: 3rem;
}


.faq-grid {
    padding: 1rem;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*CSS for Blog*/
 
.outer-overview {
    top:0; left:0; width:100%; height:100%;
}

#blog-content-container {
    background: #F3F3F1;
}

.blog-content {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
   
}

.blog-entry {
    margin: 1rem;
    padding: 1.5rem;
    border: 0.125rem solid #628f35;
    background: white;
}

 .blog-details a.btn_b_read{
    color: white;
    background: #628f35;
    padding: 0.8rem;
    font-weight: bold;
    margin-top: 0.5rem;
}

.blog-details h2 {
    margin-top: 1rem;
}

.blog-details h2 a{
    color: #628f35;
    font-weight: bold;
}

.blog-details h3 div.blog-date{
    font-size: 1.2rem;
    font-style: italic;
}

.blog-details a.btn_b_read:hover{
    font-weight: bold;
    background: #6E872A;
    color: white;
}

.blog-content {
    margin-bottom: 2.5rem;
}

.dogtapblock-content {
 padding-right: 1.5rem;
}

.dogtapblock-image {
    margin-top:2rem;
}

.blog-slider {
    margin: 1rem;
}

.overview-title h4 {
    font-size: 1.5rem;
    margin-top: 1.5rem;
    margin-right: 1rem;
    margin-left: 1rem;
    border-bottom: 0.125rem solid rgba(40, 80, 129, 0.8);
}

.blog-overview {
   width: 80%; 
   top: 25%; 
   margin: 5% auto; 
   position: relative;
   border: 0.125rem solid #628f35;
   background: white;
   height: 6.25rem;
   padding: 1rem;
}

.blog-date{
    margin-top: -1rem;
    position: relative;
}

.overview-headliner {
    font-weight: bold;
}

.overview-link {
    margin-top: 0.2rem;
}

.blog-overview a.btn_b_read {
    font-weight: bolder;
    color: #628f35;
}

.blog-overview a.btn_b_read:hover {
    color: #6E872A;
}

.overview {
    padding-left:1rem;
}

.pagination {
    margin: 1rem;
}

.pagination ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 1px solid #DDD;
}

.pagination ul li {
    float: left;
    list-style-type: none;
    border-right: 1px solid #DDD;
    padding: 4px 6px;
}

.pagination ul li:last-child {
    border-right: none;
}

.pagination ul li.active {
    background-color: #628f35;
}
.pagination ul li.active a{
    color: #fff;
}

.pagination ul li a {
    text-decoration: none;
}

/** Blog entry */
.entry-container {  
    padding-right: 4rem;
    padding-left: 4rem;
}

.entry-title h1 {
    border: 0;
    color: #628f35; 
}

.entry-date h2{
    font-size: 1.5rem;
    margin-top: 1.5rem;
    font-style: italic;
    font-weight: bold;
}

.entry-image {
    margin-top: 1rem;
    
}

.blogbody p {
    margin-top: 1rem;
    
}

.blogbody {
    margin-bottom: 2rem;
    
}
 
/* Contact */

.contact-grid {
    margin-top: 3rem;
}

.icon-contact-picture {
    margin-bottom:2.5rem;
}

.icon-contact-text p {
    text-align: center;
    margin-bottom: 0.2rem !important;
}

.icon-contact-text {
    text-align: center;
}

/* Contact form */

.button.primary:hover{
    background: #78AB46;
    color: white; 
}

.contact-form-grid {
    padding:2rem;
    margin-top:3rem;
    -webkit-box-shadow: 0px 0px 6px 1px rgba(150, 150, 150, 0.74);
    -moz-box-shadow: 0px 0px 6px 1px rgba(150, 150, 150, 0.74);
    box-shadow: 0px 0px 6px 1px rgba(150, 150, 150, 0.74);
    font-style: normal;
}

label.required {
    display:none;
}

input#contactde_name {
    border:none;
    box-shadow: none;
    color: #848484 !important;
    border-bottom: 1px solid darkgray;
}

input#contactde_email {
    border:none;
    box-shadow: none;
    color: #848484 !important;
    border-bottom: 1px solid darkgray;
}

textarea#contactde_message.myclass {
    border:none;
    box-shadow: none;
    color: #848484 !important;
    border-bottom: 1px solid darkgray;
}

div.boltforms-row {
    padding-left:2rem;
    padding-right:2rem;
    margin-top:1.2rem;
}

::placeholder {
    color:inherit;
}

div.boltforms-row.boltforms-button.primary-row {
    text-align:right;
}

.button.primary {
    background-color: white;
    border:2px solid #78AB46;
    color: inherit;
    font-size:1rem;
}

/* Affiliates */
.affiliate-headline h2 {
    font-size: 1.5rem;
}

.affiliate-border { 
    border: 0.125rem solid #628f35;
    margin: 0.5rem;
}

.grid-affiliates .affiliate-border div div.cell {
    padding: 0.5rem;
}

.affiliate-info p {
    text-align:center;
}


/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

   

}

@media screen and (max-width: 39.9375em) {
    .nav-container {
        padding: 0;
    }
    
}

@media screen and (max-width: 40em) {
    .icon img {
        width: 70%;
        margin-bottom:0.4rem;
        margin-top: 0.4rem;
    }

    .icon-header {
        font-size: 2.5vw;
        margin:0;
        padding-bottom: 0.5rem;
    }

   
    .graphics-grid > .cell{
        margin-left: .25rem;
        margin-right: .25rem;
    }

    .graphics-container {
        padding-bottom: 0;
    }
    .entry-container{
        padding-left: .9375rem;
        padding-right: .9375rem;
    }
    .faq-grid{
        padding: 0;
    }
    .accordion-title{
        font-size: 1.125rem;
    }
    .accordion-title p{
        padding: 0
    }
    .home-content{
        padding-top: 0;
    }
    .content-image, .image-odd, .image-even {
        padding: 0;  
    }  
    .image-odd{
        padding-left: 0.125rem;
    } 
    .image-even{
        padding-right: 0.125rem;
    }
    .content-article div.cell:first-of-type { 
        margin-top: 0;
    }     
}

    /* Interim Stuff for shop */
    .header-block {
        height: auto;
    }

   

    .discover-nfcShop {
        max-width: 50rem;
        margin-top: 10.5rem;
        margin-bottom: 15rem;
        padding-right: 2rem;
        float: right;
    }

    .discover-nfcShop h1 {
        text-transform: uppercase;
        font-size: 3vw;
        background-color: rgba(10, 10, 10, 0.6);
        color: rgba(255, 255, 255, 0.9);
        border: none;
        padding: 1rem;
    }

    .discover-nfcShop p {
        text-align:center;
    }

    .picture-background-amazon {
        background-image: url("../images/screenshot-amazon.jpg");
        background-size: cover; 
    }

    .discover-amazonShop {
        max-width: 50rem;
        margin-top: 12rem;
        margin-bottom: 15rem;
        padding-left: 2rem;
    }

    .discover-amazonShop h1 {
        text-transform: uppercase;
        font-size: 3vw;
        background-color: rgba(10, 10, 10, 0.6);
        color: rgba(255, 255, 255, 0.9);
        border: none;
        padding: 1rem;
    }

    .discover-amazonShop p {
        text-align:center;
    }

    .shop-teaser h2 {
        font-size:2.5vw;
        border-bottom: 0.125rem solid rgba(40, 80, 129, 0.5);
        margin-bottom: 0.5rem;
        margin-top: 3.5%;
    }

    .shop-image {
        padding: 1.5rem;
        padding-left: 1.5rem;
        padding-left: 2rem;
    }

/* partner partial */
.partner-container {
    margin-top:4rem;
    background-color: #F5F5F5;
}

.partner-grid {
    padding-top:2rem;
    padding-bottom: 1.5rem;
}

.partner-grid .cell.large-4 {
    padding: 0.5rem;
}

.partner-text {
    font-size:1.5rem;
    color:#6E6E6E;
}

.agentur-text {
    padding-left:2rem;
}

.interactive-text {
    padding-left:2.7rem;
}

/* gallery */

.gallery {
    padding-bottom: 1.25rem;
}

.grid-gallery div.cell div {
    padding: 0.5rem;
}

.gallery-icon-title {
    font-weight: bold;
    font-size:1.2rem;
}

.gallery-icon-title p {
    text-align:center;
    margin-bottom:0;
}

.gallery-icon-text {

}

.gallery-icon-text div {
    padding-left:1rem !important;
    padding-right:1rem !important;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "minimal-social";
    font-style: normal;
    font-weight: normal;
    speak: none;
   
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
   
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
   
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
   
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
   
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
   
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  }
   
  .icon-twitter:before { content: '\f099'; } 
  .icon-facebook:before { content: '\f09a'; } 
  .icon-mail-alt:before { content: '\f0e0'; } 
  .icon-instagram:before { content: '\f16d'; } 
  .icon-shopping-bag:before { content: '\f290'; }

  /* Small displays */
  /* Small only */
@media screen and (max-width: 39.9375em) {
    .overlay-text {
        padding-left:0;
    }

    .slider-content {
        margin-top: 1rem;
        margin-bottom:0;
    }

    .explanation-content {
        margin-top:1rem;
    }

    .explanation .cell h2 {
        font-size: 1.3rem
    }

    .grey-explanation {
        padding-top:1rem;
    }

    .graphics-container div {
        padding-left:0;
        padding-right:0;
    }

    .graphics-grid > .cell {
        margin-left:0;
        margin-right:0;
    }

    .margin-top {
        margin-top:1rem !important;
    }

    h3 {
        font-size: 1.2rem;
        padding-top:0;
    }

    .partner-container {
        margin-top:0;
    }

    .partner-grid {
        padding-top:0;
    }

    #partner-fairways {
        padding-top:1rem;
        padding-left:3rem;
    }

    #partner-agentur {
        padding-left: 3rem;
        padding-right: 3rem;
        padding-top: 1rem;
    }

    #partner-interactive {
        padding-top: 1.5rem;
        padding-left: 3rem;
        padding-right: 3rem;
    }

    #footer-pages {
        padding-left:0;
        text-align:center;
    }

    .grid-gallery div.cell div {
        padding: 0.2rem;
    }

    .gallery-icon-title {
        font-size:1rem;
        text-align:center;
    }

    .gallery-icon-title p {
        text-align:center;
    }

    .gallery {
        padding-bottom:0;
    }

    .contact-grid {
        margin-top:1rem;
    }

    .contact-form-grid {
        margin-top:1rem;
    }
}