/*
#------------------------------------------------------------------------
# John S.
*/
#gkLang.gkPage {
    width: 22%;
}
#AWgkMobileMenu {
    display: block;
    margin: 10px 0 0 0;
}
.mod-languages ul li a img {
    transform: scale(0.75);
}
div.mod-languages > ul.lang-block > li, 
div.mod-languages > ul.lang-inline > li,
div.mod-languages li {
    margin-left: 0;
    margin-right: 0;
}
#gkTop.active div.telefon {
    font-size: 23px;
    width: 28%;
}
#gkContent, 
#gkSidebar {
	width: 100% !important;
}
#gkSidebar .box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px!important;
}
#gkSidebar {
	padding: 0!important;
}

#gkSidebar .box:first-child {
	padding-top: 10px!important;
}
#gkSidebar .box {
    border-top: medium none !important;
    float: left;
    margin-bottom: 30px !important;
    margin-right: 1%;
    margin-top: 0 !important;
    width: 99%;
}
#gkSidebar.gkOnlyOne .box {
	width: 100%!important;
}
#gkSidebar .box:nth-child(2n+1) {
	clear: both!important;
}

/* Frontpage */
.gk-header1 {
	padding: 140px 5% 140px 5%;
}
.gk-header1 h1 {
	font-size: 32px;
	letter-spacing: -2px;
}
.gk-header1 p {
	font-size: 13px;
}
.gk-header2 {
	padding: 120px 4%;
}
.gk-header3 {
	padding: 120px 5%;
}
#gkHeader #gkLogo {
	top: 32px;
}
#gkLogo, 
#gkLogo.cssLogo,
#gkLogoSmall, 
#gkLogoSmall.cssLogo {
	height: 52px !important;
    width: 300px !important;
}
#gkMobileMenu {
    margin: 5px 0 0 !important;
}
.box.big-title .header, .box.big-title > .header {
	font-size: 48px!important;
}
.box.big-title .header i, .box.big-title > .header i {
	font-size: 36px;
}
.box.big-title .header.title-hover span:nth-child(2),
.box.big-title .header.title-hover span:nth-child(3),
.box.big-title .header.title-hover span:nth-child(4),
.box.big-title .header.title-hover span:nth-child(5) {
	margin-top: -38px; 
}
.gkNspPM-Portfolio2 .gkImagesWrapper > a {
	padding: 5px;
}
.gkNspPM-Portfolio2 .gkImagesWrapper {
	padding: 45px 0;
}
.gkNspPM-Portfolio2 .gkPortfolioTitle {
	font-size: 20px;
	margin-bottom: 18px;
}
.gkNspPM-Portfolio2 .gkPortfolioCategory, 
.gkNspPM-Portfolio2 .gkPortfolioAuthor, 
.gkNspPM-Portfolio2 .gkPortfolioDate {
	font-size: 12px;
	padding: 10px 0;
}
.gkColumnLeft p {
	font-size: 14px;
}
.gkTeam figure {
	padding: 0 4px;
}
.gkTeam h3 {
	margin: 24px 0 10px 0;
}
.gkContactForm {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
	margin: 250px -20px 0 -20px;
	padding: 20px;
	width: 100%;
}
.gkMap.active {
	bottom: auto;
	top: 0;
}

/* Other */
.gkPriceTable dd {
	font-size: 13px;
}

@media (max-width: 660px) {
    body #cc-notification h2, 
    body #cc-notification h3, 
    body #cc-notification p {
        font-size: 12px!important;
        margin-bottom:0!important;
        width: 100%!important;
        max-width: 100%!important;
    }

    body #cc-notification h2 span, 
    body #cc-notification h2 {
        font-size: 12px!important;
    }

    body #cc-notification #cc-notification-wrapper {
        padding: 10px 32px 0!important;
    }

    body #cc-notification ul.cc-notification-buttons {
        clear: both!important;
        width: 100%!important;
        position: static!important;
        text-align: center;
    }

    body #cc-notification ul.cc-notification-buttons li {
        float: none!important;
        display: inline-block;
    }

    body #cc-notification a, 
    body #cc-notification a:visited {
        font-size: 12px!important;
    }
}
@media only screen 
  and (min-width: 580px) 
  and (max-width: 776px){
    #gkLogoSmall.text > span {
    font-size: 32px;
    width: 235px;
    }
    #AWgkMobileMenu {
    display: block;
    margin: 16px 0 0 0;
    }
    #gkLang.gkPage {
    border-top:0px solid lime;
    width: 20%;
    }
    .mod-languages ul li a img {
        border-top:0px solid lime;
        transform: scale(0.75);
    }
    div.mod-languages > ul.lang-block > li, 
    div.mod-languages > ul.lang-inline > li,
    div.mod-languages li {
        border:0px solid lime;
        margin-left: 0;
        margin-right: 0;
    }
    #gkTop.active div.telefon {
        border:0px solid lime;
        font-size: 16px;
        width: 24%;
    }
}