/*
 Theme Name:   KUPONA
 Theme URI:    https://www.kupona.de
 Description:  The agency website finally
 Author:       KUPONA GmbH
 Author URI:   https://www.kupona.de
 Template:     generatepress
 Version:      0.1
*/



/* SELFHOSTED FONTS */
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('https://media.kupona.de/fonts/open-sans-v17-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
        url('https://media.kupona.de/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
    font-display: swap;
}

/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('https://media.kupona.de/fonts/open-sans-v17-latin-600.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
        url('https://media.kupona.de/fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-600.woff') format('woff'),
        /* Modern Browsers */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
       font-display: swap;
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('https://media.kupona.de/fonts/open-sans-v17-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
        url('https://media.kupona.de/fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg');
    /* Legacy iOS */
    font-display: swap;
}



/* open-sans-condensed-300 - latin */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
        url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-300.svg#OpenSansCondensed') format('svg');
    /* Legacy iOS */
    font-display: swap;
}

/* open-sans-condensed-700 - latin */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-700.eot');
    src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
        url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-700.eot?#iefix') format('embedded-opentype'),
        url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-700.woff2') format('woff2'),
        url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-700.woff') format('woff'),
        url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-700.ttf') format('truetype'),
        url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-700.svg#OpenSansCondensed') format('svg');
        text-rendering: optimizeLegibility;
        font-display: swap;

}





/* BASICS */

h1,
h2,
h3,
h4,
h5,
h6,
.kp-accordion-element .titletext,
.contactblock .personimgblock .name {
    font-family: ff-good-web-pro-extra-conden, sans-serif !important;
    font-weight: 800;
    text-transform: uppercase;
    font-style: normal;
}


.wp-block-button__link.light {
    border-radius: 0;
    font-size: 1.4em;
}

.georgia {
    font-family:Georgia, 'Times New Roman', Times, serif;
}
.hidden {
    display:none;
}





.responsive-bg-image img.bg-image {
    height:1px;
    width:1px;
    visibility:hidden;
}

.generate-sections-container .generate-sections-inside-container img.bg-image {
    height:1px;
    width:1px;
    visibility:hidden;
}





/** quickfix fontawesome und head*/

.fa,
.far,
.fas {
    font-family: "FontAwesome";
}

#masthead {
    background-color: rgba(0, 0, 0, 0.2);
}


#mobile-header {
    background-color: rgba(0, 0, 0, 0.4);
}




.headerposition_all {
    enable-background: new 0 0 841.9 595.3;
    height: 700px;
}



/** NAVIGATION */
#sticky-navigation.is_stuck {
    background: #FFF;
}

#sticky-navigation.is_stuck a {
    color: #666666;
}

#sticky-navigation.is_stuck a.current_page_item {
    color: #FFF;
}


.sub-menu .dropdown-menu-toggle {
    position:absolute;
    right:-1.3em;
    top:0.3em;
}



/* GeneratePress Site CSS */

.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .mobile-bar-items a {
    text-align: left;
}

.main-navigation a {
    letter-spacing: 1px;
}

#generate-slideout-menu {
    padding-top: 20px;
}


.hero-headline {
    font-size: 34px;
    letter-spacing: 6px;
}


#page-header-663 .page-header-content-container {
    padding-top: 120px;
    padding-bottom: 240px;
}


.cta-headline {
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    letter-spacing: 4px;
}

.lgc-column {
    padding: 10px;
}





.button.topbar,
.button.topbar:visited,
.button.topbar:focus {
    color: #ffffff;
    font-size: 14px;
    background: transparent;
    border: 2px solid #ffffff;
    padding: 2px 12px;
    margin: 6px 10px;
    border-radius: 0px;
    transition: all 0.6s ease 0s;
}

.button.topbar:hover,
.button.topbar:active {
    color: #ffffff;
    background: transparent;
    border: 2px solid #08cec7;
}

/*.button.ghost,
.button.ghost:visited,
.button.ghost:focus {
    color: #ffffff;
    letter-spacing: 1px;
    background: transparent;
    border: 2px solid #ffffff;
    padding: 8px 20px;
    margin: 10px;
    border-radius: 0px;
    transition: all 0.6s ease 0s;
}

.button.ghost:hover,
.button.ghost:active {
    color: #ffffff;
    background: transparent;
    border: 2px solid #08cec7;
}
*/
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.button:visited {
    line-height: inherit;
    letter-spacing: 1px;
    border-radius: 0px;
    transition: all 0.6s ease 0s;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
    border: 1px solid;
    border-color: #ffffff;
    background-color: #f8f8f8;
    padding: 20px;
}



.wp-block-image figcaption {
    font-size:0.8em;
    color:#c0c0c0;
    padding-top:0px;
    margin-top:0px;
}



article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    position: relative;
}


/*.postid-2158 .bulletblock {
    margin-top: -340px;
}

.postid-2181 .bulletblock {
    margin-top: -230px;
}

.postid-2189 .bulletblock {
    margin-top: -220px;
}


.bulletblock .wp-block-button {
    margin-left: 19px;
}

*/

#primary-menu .menu-item-type-custom svg {
    fill:#FFF;
    width:18px;
    height:20px;
    padding-top:0.25em;
}

#primary-menu .sub-menu .menu-item-has-children > a .icon-arrow-right > svg {
    fill:#666666;
}

#primary-menu .sub-menu .current-menu-ancestor > a .icon-arrow-right svg {
    fill:#FFF;
}



.social-icons-menu {
    width:100%;
}
.social-icons-menu li {
    float:left;  
    margin-right:1em;
}
.social-icons-menu a {
    display:block;
    background:#ffa500;
}

.social-icons-menu a:hover {
    
    background:#04d8d8;
}

.social-icons-menu svg {
    width:20px;
    height:20px;
    margin:0.5em 0.5em 0.25em 0.5em;
    color:#FFF;
}


#generate-slideout-menu .menu-item-type-custom svg {
    width:20px;
    height:20px;
}


/*SCROLLINDICATOR LINE FIX Hover */


#sticky-navigation .inside-navigation #menu-hauptmenu > li[class*="current-menu-"] > a {
    background:rgba(255,255,255,0) !important;
}




/** GENERATE BLOCKS */
.gb-icon {
    -webkit-transition: all 0.5s 0.1s ease;
    -moz-transition: all 0.5s 0.1s ease;
    -o-transition: all 0.5s 0.1s ease;
    transition: all 0.5s 0.1s ease;
}
.gb-icon:hover {
    transform:scale(1.2)
}




/** recommendation box */
#page {
    background:none !important; /* overwrite generatepress */ 
}




.intro-content {
    margin-bottom:3em;
}


#footer-widgets h2 {
    background: none;
    padding: 0px;
    
}

.introparagraph {
    font-size: 20px !important;
    line-height: 30px;
    margin-top: 12px;
}

.minheight250 {
    min-height: 250px;
}

.minheight500 {
    min-height: 500px;
}

.minheight750 {
    min-height: 750px;
}

.main-navigation .main-nav ul ul li[class*="current-menu-"]>a,
.main-navigation .main-nav ul ul li[class*="current-menu-"]>a:hover,
.main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover>a,
.main-navigation .main-nav ul ul li:hover>a {
    color: white !important;
}

/* dsgvo stickybox quickfix*/

.stickybox {
    text-align: center;
    position: sticky;
    top: 44px;
    position: -webkit-sticky;
    background-color: white;
    width: 100%;
    padding: 1em 0 0 0;
    height: 40px;
    border-bottom: 1px solid #ccc;
}

.stickybox a {
    font-size: 1.2em;
}


/* */

.dlcboxen .wp-block-column {
    padding: 20px 20px 20px 20px;
    border: 1px solid grey;
    transition: 0.5s;
}

.dlcboxen .wp-block-column:hover {
    transform: scale(1.1);
    transition: 0.5s;
}

.slideout-menu .sub-menu a {
    text-align: center !important;
    text-transform: unset !important;
    margin-bottom: 7px;
}

.wp-block-getwid-section.dlcblockimg {
    display: inline-block;
    width: 200px;
}

.dlcboxen ul {
    display: inline-block;
}


/* sidebar fix */

.sub-menu.toggled-on li a {
    color: #666 !important;
}

.slideout-navigation.main-navigation .main-nav ul li[class*="current-menu-"]>a,
.slideout-navigation.main-navigation .main-nav ul li[class*="current-menu-"]>a:hover,
.slideout-navigation.main-navigation .main-nav ul li[class*="current-menu-"].sfHover>a {

    color: #fd7614 !important;
    background-color: #ffffff;

}

.slideout-navigation.main-navigation .main-nav ul li:hover>a,
.slideout-navigation.main-navigation .main-nav ul li:focus>a,
.slideout-navigation.main-navigation .main-nav ul li.sfHover>a {
    color: #fd7614 !important;
    background-color: #ffffff;
}

/* End GeneratePress Site CSS */


.sub-menu {
    width: 210px!important;
}

/* //MARK : MOBILE LANDSCAPE
*/
/*
@media only screen and (min-device-width: 480px) 
                   and (max-device-width: 812px) 
                   and (orientation: landscape) {
	#page,
	#fp-nav,
	.site-footer,
	.page-hero,
	.header-wrap {
		display:none;
	}
	body {
		background-image:url(//media.kupona.de/2019/10/rotate-device-bg.jpg) !important;
		background-size:cover;
		background-position: left top;

	}


}*/