/*
	Theme Name: LC Blank
	Theme URI: http://themeforest.net/user/DanyDuchaine
	Author: Slobodan Kustrimovic
	Author URI: http://themeforest.net/user/DanyDuchaine
	Description: Multipurpose theme powered by Live Composer.
	Version: 1.0.2
	License: GPL2
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/**
 * Reset CSS
 */

a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background:#fff}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{font-weight:400;text-align:left}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}a:focus{outline:thin dotted}a:active,a:hover{outline:0}a img{border:0}

html {scroll-behavior: smooth; }

body {
	font-size: 15px;
}

img, embed, iframe, object {
	max-width: 100%;
}

.align-center {
	text-align: center;
	margin-top: 30px;
}

.align-center a {
	text-decoration: none;
	color: #1498db;
}

.align-center a:hover {
	text-decoration: underline;
}


/*-------------- 1. Typo --------------*/


.bricolage-grotesque {font-family: "Bricolage Grotesque", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100;}

H1 {font-family: "Bricolage Grotesque", sans-serif; font-style: normal; font-size: clamp(2.5rem, 5vw, 4.2rem); line-height: 1.1; color: #41491A; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1.7rem;}
H2 {font-family: "Bricolage Grotesque", sans-serif; font-style: normal; font-size: clamp(1.8rem, 3.5vw, 2.2rem); line-height: 1.2; color: #41491A; text-transform: uppercase; margin-bottom: 1.7rem; letter-spacing: 0.03em; }
H3 {font-family: "Bricolage Grotesque", sans-serif; font-style: normal; font-size: clamp(2.5rem, 8vw, 6rem); line-height: 1.1; color: #41491A;}
H4 {font-family: "Bricolage Grotesque", sans-serif; font-style: normal; font-size: clamp(3rem, 10vw, 7rem); line-height: 1.1; color: #E6E8C2; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1.7rem;}
p {font-family: "Bricolage Grotesque", sans-serif; font-style: normal; font-size: clamp(1.6rem, 3vw, 1.8rem); line-height: 1.3; color: #41491A; hyphens: auto;}


ul, ol {font-family: "Bricolage Grotesque", sans-serif; font-weight: 400; font-style: normal; font-size: clamp(1.6rem, 3vw, 1.8rem); line-height: 1.3; color: #41491A; 
			margin-top: 1.5rem; margin-bottom: 1.5rem; padding: 0; list-style: none; }

.liste li {position: relative; padding-left: 20px; margin-bottom: 4px; word-spacing: 0.2rem;}
.liste li::before {content: "—"; color: #41491A; position: absolute; left: 0; top: 0.15rem; width: 30px; text-align: left; display: inline-block; font-size: 1em; line-height: 1;}

a {color: #41491A;}
a:hover {color: #808825;}


/*-------------- 2. Content --------------*/


.lcmenupro-mobile-menu {text-align: center;list-style: none;text-transform: uppercase;}
.lcmenupro-mobile-navigation.open {width: 100%; }
.lcmenu-mobile-close-hook {top: 30px !important; right: 30px !important;}


.text {padding-right: 20px;}
.box {border: 1px solid #41491A; padding: 1.5rem; border-radius: 3rem; margin-bottom: 1.5rem; background-color: none;}




/* Preisbutton */
#dslc-module-c57cd55b457 .dslc-button a.button {
    background-color: #E78E99 !important;
    color: #fff !important;
    pointer-events: none;
    cursor: default;
    opacity: 0.8;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 250px;
    height: 250px;

    border-radius: 50%;
    text-align: center;
}

#dslc-module-c57cd55b457 .price, #dslc-module-c57cd55b457 .spende {display: block; text-align: center;}

#dslc-module-c57cd55b457 .price 
	{font-size: clamp(2rem, 3.5vw, 3.5rem); font-weight: 400; margin-bottom: 0.5rem;}

#dslc-module-c57cd55b457 .spende {font-size: clamp(1.4rem, 1.8vw, 1.8rem);}

#dslc-module-c57cd55b457 .dslc-button a.button {transform: rotate(10deg);}

/* Startbild */

.start {
	height: 100vh;
}

/* Pfeil */

#dslc-module-vhssn39qr5g .dslc-text-module-content a {
    display: inline-block;
    padding-top: 50px; }

#dslc-header {background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); }



/*-------------- 3. Ninja Form --------------*/

#nf-form-2_1-cont .nf-before-form-content {display: none;}

/* Felder */
#nf-form-2_1-cont .nf-field-label label 
	{display: block;
    font-family: "Bricolage Grotesque", sans-serif;
    font-style: normal;
    font-size: clamp(1.6rem, 3.5vw, 2.2rem);
    line-height: 1.2;
    color: #41491A;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.5rem;
    font-weight: normal;
	padding-left: 1.5rem;}

#nf-form-2_1-cont .nf-field-label label .ninja-forms-req-symbol {color: #41491A; font-weight: normal;}

#nf-form-2_1-cont .nf-field-element input,
#nf-form-2_1-cont .nf-field-element textarea 
	{background: transparent;
    border: none;
    border-bottom: 1px solid #41491A;
	padding-bottom: 1rem;	
    border-radius: 0;
    width: 100%;
    font-size: 2.2rem;
    color: #41491A;
    outline: none;
    box-sizing: border-box;}

#nf-form-2_1-cont .nf-field-element {margin-bottom: 1.5rem;}
#nf-form-2_1-cont .nf-field-element input:focus, #nf-form-2_1-cont .nf-field-element textarea:focus {border-bottom-color: #41491A;}

/* Button */
#nf-form-2_1-cont .nf-field-element input[type="submit"] 
	{background-color: transparent;
    color: #41491A;
    border: 1px solid #41491A;
    border-radius: 2.5rem;
    padding: 12px 24px;
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: clamp(1.6rem, 3.5vw, 2.2rem);
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    cursor: pointer;
    transition: background 0.3s ease;

    width: 20%;
    max-width: none;
    display: block;
    margin: 1.5rem auto 0;
    box-sizing: border-box;}

#nf-form-2_1-cont .nf-field-element input[type="submit"]:hover {background-color: #41491A; color: #E6E8C2;}


/*-------------- 4. Queries --------------*/

.dslc-logo img {min-width: 150px; max-width: 300px;}

@media (max-width: 1124px) { 
  .box {width: 48%; margin: 1%;}
  #dslc-module-c57cd55b457 .dslc-button a.button {
        width: 220px;
        height: 220px;
        margin-top: 50px;
    }
}


@media screen and (max-width: 767px) {
	.header .dslc-2-col {width: 24%;}
	.header .dslc-10-col {width: 76%;}
    #dslc-module-c57cd55b457 .dslc-button a.button {
        width: 180px;
        height: 180px;
        margin-top: 80px;
		margin-bottom: 20px
    }
	#nf-form-2_1-cont .nf-field-element input[type="submit"] {
		width: 30%;
		max-width: none;
	}
}


@media (max-width: 480px) { 
  .box {width: 100%; margin-bottom: 15px;}
  #nf-form-2_1-cont .nf-field-element input[type="submit"] {width: 40%; max-width: none;}	
}