/*

Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child Theme
Author: vierundzwanzig sieben
Author URI: https://www.vierundzwanzig-sieben.at
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/


/*******************************eigene CSS Angaben*******************************/



.nav-item {
	font-family: 'Roboto';
    font-weight: bold;
}




.magenta {
color: #C60E65; 
}

.white {
	color: #ffffff;
}

.buttom {
background-color: #C60E65;
color: #ffffff;
padding: 10px 15px;
cursor: pointer;
}

.button:hover {
background-color:#991A56;}



/*####################### Schriften ###########################*/
html {
    font-size: 100%;
}

body {
    font-family: 'Roboto', sans-serif !important;
    padding: 0;
    color: #0C1F37;
    font-weight: 300 !important;
    line-height: 1.8 !important;
    font-size: 1.1rem;
    word-wrap: break-word;
}

p, .p {
    font-family: 'Roboto', sans-serif !important;
    padding: 0;
    color: #0C1F37;
    font-weight: 300 !important;
    line-height: 1.8 !important;
    font-size: 1.1rem !important; 
    word-wrap: break-word;
}

a {
	text-decoration: none !important;
}

b, strong {
	font-weight: 600;
}

h1, .h1 { 
	font-family: 'Neo Sans', sans-serif !important;
	font-size: 4rem !important;
        font-weight: 300 !important;
        word-wrap: break-word;
	color: #0C1F37;
	line-height: 1.4 !important;
	text-transform: uppercase;
	margin: 1.4rem 0 1rem 0;
}


h2, .h2 {
	font-family: 'Neo Sans', sans-serif !important;
	font-size: 3rem !important;
        font-weight: 300 !important;
        color: #0C1F37;
        word-wrap: break-word;
	line-height: 1.2 !important;
	margin: 1.4rem 0 1rem 0;
}

h3, .h3 {
	font-family: 'Neo Sans', sans-serif !important;
	font-size: 2.1rem !important;
        font-weight: 300 !important;
        color: #C60E65;
        word-wrap: break-word;
	line-height: 1.2 !important;
	margin: 1.4rem 0 1rem 0;
}

h4, .h4 {
	font-family: 'Neo Sans', sans-serif !important;
        word-wrap: break-word;
        font-size: 1.8rem !important;
	color: #0C1F37;
        font-weight: 300;
	line-height: 1.2 !important;
	margin: 1.4rem 0 1rem 0;
	
}

h5, .h5 {
	font-family: 'Neo Sans', sans-serif !important;
        word-wrap: break-word;
        font-size: 1.5rem !important;
	color: #0C1F37;
        font-weight: 300 !important;
	line-height: 1.2 !important;
	margin: 1.4rem 0 1rem 0;
	
}

/*####################### Schriften - Tablet ################*/
@media screen and (min-width:768px) and (max-width: 1200px) {

body, p, .p {
    line-height: 1.8 !important;
    font-size: 1rem !important; 
}
h1, .h1 { 
	font-size: 3rem !important;
	line-height: 1.4 !important;
	margin: 1.4rem 0 1rem 0;
}


h2, .h2 {
	font-size: 2.6rem !important;
	line-height: 1.2 !important;
	margin: 1.4rem 0 1rem 0;
}

h3, .h3 {
	font-size: 1.9rem !important;
	line-height: 1.2 !important;
	margin: 1.4rem 0 1rem 0;
}

h4, .h4 {
        font-size: 1.7rem !important;
	line-height: 1.2 !important;
	margin: 1.4rem 0 1rem 0;	
}

h5, .h5 {
        font-size: 1.4rem !important;
	line-height: 1.2 !important;
	margin: 1.4rem 0 1rem 0;	
}
}

/*####################### Schriften - Mobile #####################*/

@media screen and (max-width: 767px) {

body, p, .p {
    line-height: 1.5 !important;
    font-size: 1rem !important; 
}
h1, .h1 { 
	font-size: 2.5rem !important;
	line-height: 1.3 !important;
	margin: 1.4rem 0 1rem 0;
}


h2, .h2 {
	font-size: 2rem !important;
	line-height: 1.2 !important;
	margin: 1.4rem 0 1rem 0;
}

h3, .h3 {
	font-size: 1.8rem !important;
	line-height: 1.1 !important;
	margin: 1.4rem 0 1rem 0;
}

h4, .h4 {
        font-size: 1.6rem !important;
	line-height: 1.1 !important;
	margin: 1.4rem 0 1rem 0;	
}

h5, .h5 {
        font-size: 1.4rem !important;
	line-height: 1.1 !important;
	margin: 1.4rem 0 1rem 0;	
}
}




/*******************************Schriften lokal eingebettet *******************************/
/*********** Neo Sans für Headlines *************/

@font-face {
    font-family: 'Neo Sans';
    font-weight: 300;
    font-style: normal;
    src: url('/wp-content/themes/hello-elementor-child/fonts/Neo-Sans-Std-Light.woff2') format('woff2'),
         url('/wp-content/themes/hello-elementor-child/fonts/Neo-Sans-Std-Light.woff') format('woff'),
         url('/wp-content/themes/hello-elementor-child/fonts/Neo-Sans-Std-Light.ttf') format('truetype'),
         url('/wp-content/themes/hello-elementor-child/fonts/Neo-Sans-Std-Light.svg') format('svg');

}

@font-face {
    font-family: 'Neo Sans';
    font-weight: normal;
    font-style: normal;
    src: ;
    src: url('/wp-content/themes/hello-elementor-child/fonts/Neo-Sans-Std-Regular.woff2') format('woff2'),
         url('/wp-content/themes/hello-elementor-child/fonts/Neo-Sans-Std-Regular.woff') format('woff'),
         url('/wp-content/themes/hello-elementor-child/fonts/Neo-Sans-Std-Regular.ttf') format('truetype'),
         url('/wp-content/themes/hello-elementor-child/fonts/Neo-Sans-Std-Regular.svg') format('svg');

}

@font-face {
    font-family: 'Neo Sans';
    font-weight: 600;
    font-style: normal;
    src: url('/wp-content/themes/hello-elementor-child/fonts/Neo-Sans-Std-Bold.woff2') format('woff2'),
         url('/wp-content/themes/hello-elementor-child/fonts/Neo-Sans-Std-Bold.woff') format('woff'),
         url('/wp-content/themes/hello-elementor-child/fonts/Neo-Sans-Std-Bold.ttf') format('truetype'),
         url('/wp-content/themes/hello-elementor-child/fonts/Neo-Sans-Std-Bold.svg') format('svg');

}

/*********** Roboto für Content *************/

@font-face {
    font-family: 'Roboto';
    font-weight: bold;
    font-style: normal;
    src: url('/wp-content/themes/hello-elementor-child/fonts/Roboto-Bold.woff2') format('woff2'),
         url('/wp-content/themes/hello-elementor-child/fonts/Roboto-Bold.woff') format('woff'),
         url('/wp-content/themes/hello-elementor-child/fonts/Roboto-Bold.ttf') format('truetype'),
         url('/wp-content/themes/hello-elementor-child/fonts/Roboto-Bold.svg') format('svg');
}


@font-face {
    font-family: 'Roboto';
    font-weight: 300;
    font-style: normal;
    src: url('/wp-content/themes/hello-elementor-child/fonts/Roboto-Light.woff2') format('woff2'),
         url('/wp-content/themes/hello-elementor-child/fonts/Roboto-Light.woff') format('woff'),
         url('/wp-content/themes/hello-elementor-child/fonts/Roboto-Light.ttf') format('truetype'),
         url('/wp-content/themes/hello-elementor-child/fonts/Roboto-Light.svg') format('svg');

}


@font-face {
    font-family: 'Roboto';
    font-weight: normal;
    font-style: normal;
    src: url('/wp-content/themes/hello-elementor-child/fonts/Roboto-Regular.woff2') format('woff2'),
         url('/wp-content/themes/hello-elementor-child/fonts/Roboto-Regular.woff') format('woff'),
         url('/wp-content/themes/hello-elementor-child/fonts/Roboto-Regular.ttf') format('truetype'),
         url('/wp-content/themes/hello-elementor-child/fonts/Roboto-Regular.svg') format('svg');

}