/*#######---------1- fonts laden-------------------############## */


/*############################################################################################## */
/*##################################### google fonts lokal laden ############################### */
/*############################################################################################## */


/* eb-garamond-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/eb-garamond-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/eb-garamond-v27-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/eb-garamond-v27-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/eb-garamond-v27-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/eb-garamond-v27-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* eb-garamond-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/eb-garamond-v27-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v51-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v51-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v51-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v51-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v51-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v51-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-v51-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/roboto-v51-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/*############################################################################################## */
/*##################################### google fonts lokal ende  ############################### */
/*############################################################################################## */




/*#######---------2- schriftart global einstellen-------------------############## */



/*#######---------2-b headline text h1-h6 -------------------############## */
h1, .h1 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300!important;
	color: #000000;
}

h2, .h2 {
  font-family: 'Roboto';
  font-style: normal;
 font-weight: 300!important;
	color: #000000;
	letter-spacing: 1px;
	

}

h3, .h3 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
	color: #000000;
		margin-top: 20px;
	
}
h4, .h4 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
color: #000000;
}
	
h5, .h5 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500!important;
	color: #000000;
}

h6, .h6 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400!important;
	color: #000000;
}

/*#######---------2-c body -------------------############## */
p { 
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
	color: #000000;
}


/*#————————————————— Fließtext einzug ———————————————————-*/
ul, li { 
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
color: #000000;
	 margin-left: -0.8em;
}


/*#————————————————— Fließtext bold ———————————————————-*/
p strong  { 
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
	color: #000000;
}

/*#————————————————— Fließtext Link ———————————————————-*/
p a  { 
 font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  text-decoration: underline !important;
  color: #d67304;

}


p a:hover  { 
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
	  text-decoration: underline !important;
	color: #f7a343;

}








/*#######---------2-d sonderformate -------------------############## */
/*#######---------2-d sonderformate -------------------############## */
/*#######---------2-d sonderformate -------------------############## */


/*####jupiter x-header dass er oben steht ##################*/
.jupiterx-header {
  position: fixed !important;
  top: 0 !important;
  width: 100%;
  z-index: 9999;
}
.jupiterx-site {
padding: 0 !important;


}



/*####jupiter abstand der seite rechts und links damit geht es volle breite##################*/

.jupiterx-main-content > .container > .row > [class*=col-] {
    padding-right: 0px!important;
    padding-left: 0px!important;
}



/* ########## das hier greift, aber gilt für alle widgets################## 
.widget,
.elementor-widget {
  margin-bottom: 50px!important;
}
*/




/* ########## das hier greift, abstand zwischen den rows gilt auch für andere elemente ################## 
body .elementor-element {
  margin-bottom: 250px !important;
}
*/


/* ########## das hier greift, abstand zwischen den rows, das ist schon ganz gut ################## */
body .elementor > .e-con,
body .elementor-section {
  margin-bottom: 50px;
}




/* ########## Oder, wenn du mit dem neueren Container/Flexbox-Layout arbeitest:###########
###### das hier geht nicht
.elementor-container,
.elementor-flex-container {
  gap: 250px;
}

.elementor-section {
  margin-bottom: 250px !important;
}



.page-id-123 body .elementor-section.elementor-top-section + .elementor-section.elementor-top-section {
  margin-top: 250px !important;
}
*/


/* globaler Abstand zwischen Rows 
.mk-page-section .vc_row,
.mk-page-section .row,
.elementor-section {
  margin-top: 0;
  margin-bottom: 200px!important;

}



*/

/*
.jupiterx-main-content {
    padding-bottom: 150px!important;
}
body:not(.single) .jupiterx-post {
    padding-bottom: 150px!important;
}
.elementor-column-gap-default.elementor-row.elementor-column.elementor-element-populated {
     padding-bottom: 150px!important;
}
*/
/*#######---------2-f abstand oben und unten weg content header footer-------------------############## 

.jupiterx-main-content {
    padding: 0px !important;
}
body:not(.single) .jupiterx-post {
    margin-bottom: 0 !important;
}
.elementor-column-gap-default.elementor-row.elementor-column.elementor-element-populated {
    padding: 0px;
}

*/

/*##############---------contact form 7-----------------############## */
/*##############---------contact form 7-----------------############## */
/*##############---------contact form 7-----------------############## */


/*#——————kontaktform zahlenfeld ohne hochrunter ausblenden—————————-

.wpcf7 input[type='number'] {
    -moz-appearance:textfield;
}

.wpcf7 input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
*/

/*#————feld anrede breite——-
.wpcf7 select {
width: 90% !important;
}
*/
/*#————feld datum breite——-*/
/*.wpcf7-form-control-wrap gebdatum {
width: 30% !important;

}*/

/*#————checkbox größer machen—klappt-----—
input[type="checkbox"]{
  width: 25px; 
  height: 25px; 
	padding: 0px 0px 0px 0px!important;
}

-*/
/*#————Code für Fehlermeldung nach Absenden—-*/

.wpcf7 div.wpcf7-validation-errors {
background-color:#F8090D;
color:#FFFFFF!important;
font-size:16px;
border: 0px;
}

/*#————Code für Fehlermeldung unter den einzelnen feldern regiert nur mit balken—-*/
.wpcf7-not-valid-tip {
background-color:#FFFFFF;
color:#F8090D!important;
	padding: 5px 0px 0px 0px;
   
font-size:16px;
border: 0px;

}

/*#————Code für Erfolgsmeldung nach Absenden—-*/
.wpcf7 div.wpcf7-mail-sent-ok {
background-color:#219034;
color:#FFFFFF!important;
font-size:16px;
border: 0px;
		padding: 15px 0px 15px 35px!important;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 0px 0px 0px;
}

/*#————button senden unter formular——-*/
.wpcf7 input.wpcf7-submit {
    
  
    text-decoration: none;
    padding: 25px 35px 25px 35px;
    border-radius: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    border: 0px!important;
}


/*##############---------contact form 7 ende-----------------############## */
/*##############---------contact form 7 ende-----------------############## */
/*##############---------contact form 7 ende-----------------############## */



/*-----------------------------------------------------------------------------------------------#*/
/*--------------------------------------------- font responsiv -------------------------------#*/
/*-----------------------------------------------------------------------------------------------#*/
/*########################### mac format  ############################### */
/*########################### mac format  ############################### */
/*########################### mac format  ############################### */
@media only screen and (min-width: 2389px) and (max-width: 3000px) {

	
/*#——————————————-——######## text h1-h6 ———————————————————-*/	
h1, .h1 {
font-size:80px!important;
line-height:90px!important;
	
}
h2, .h2 {
font-size:40px!important;
line-height:48px!important;


}
h3, .h3 {
font-size:16px;
line-height:26px;

}
h4, .h4 {
font-size:16px;
line-height:24px;

}	
h5, .h5 {
font-size:14px!important;
line-height:20px!important;

}
h6, .h6 {
font-size:12px!important;
line-height:18px!important;

}	
/*#——————————————-——######## body ———————————————————-*/
p {   
font-size:22px;
line-height:30px;

}
	
/*#————————————————— Fließtext aufzählung ———————————————————-*/	
ul, li { 
font-size:22px;
line-height:30px;
}	
	
/*#————————————————— Fließtext bold ———————————————————-*/
p strong  { 
font-size:22px;
line-height:30px;
}

/*#————————————————— Fließtext Link ———————————————————-*/
p a, p a:hover  { 
font-size:22px;
line-height:30px;
	
}



	
/* #########----------klammer mac format----------###########*/
}
	


/*########################### desktop format  ############################### */
/*########################### desktop format  ############################### */
/*########################### desktop format  ############################### */
@media only screen and (min-width: 1489px) and (max-width: 2388px) {

	
/*#——————————————-——######## text h1-h6 ———————————————————-*/	
h1, .h1 {
font-size:80px!important;
line-height:90px!important;
	
}
h2, .h2 {
font-size:40px!important;
line-height:48px!important;

}
h3, .h3 {
font-size:16px;
line-height:26px;
	
}
h4, .h4 {
font-size:16px;
line-height:24px;
	
}	
h5, .h5 {
font-size:14px!important;
line-height:20px!important;
	
}
h6, .h6 {
font-size:12px!important;
line-height:18px!important;
	
}	
/*#——————————————-——######## body ———————————————————-*/
p {   
font-size:22px;
line-height:30px;

}
	
/*#————————————————— Fließtext aufzählung ———————————————————-*/	
ul, li { 
font-size:22px;
line-height:30px;
}	
	
/*#————————————————— Fließtext bold ———————————————————-*/
p strong  { 
font-size:22px;
line-height:30px;
}

/*#————————————————— Fließtext Link ———————————————————-*/
p a, p a:hover  { 
font-size:22px;
line-height:30px;
	
}



	
	
	
/* #########----------klammer mac format----------###########*/
}



/*-----------------------------------------------------------------------------------------------#*/
/*--------------------------------------------- font responsiv -------------------------------#*/
/*-----------------------------------------------------------------------------------------------#*/
/*########################### pc normal und tablet  ############################### */
/*########################### pc normal und tablet  ############################### */
/*########################### pc normal und tablet  ############################### */
@media only screen and (min-width: 481px) and (max-width: 1488px) {

	
	
	
/*#——————————————-——######## text h1-h6 ———————————————————-*/	
h1, .h1 {
font-size:80px!important;
line-height:90px!important;
	
}
h2, .h2 {
font-size:40px!important;
line-height:48px!important;

}
h3, .h3 {
font-size:16px;
line-height:26px;
}
h4, .h4 {
font-size:16px;
line-height:24px;
}	
h5, .h5 {
font-size:14px!important;
line-height:20px!important;
}
h6, .h6 {
font-size:12px!important;
line-height:18px!important;
}	
/*#——————————————-——######## body ———————————————————-*/
p {   
font-size:20px;
line-height:27px;
}
	
/*#————————————————— Fließtext aufzählung ———————————————————-*/	
ul, li { 
font-size:20px;
line-height:27px;
}	
	
/*#————————————————— Fließtext bold ———————————————————-*/
p strong  { 
font-size:20px;
line-height:27px;
}

/*#————————————————— Fließtext Link ———————————————————-*/
p a, p a:hover  { 
font-size:20px;
line-height:27px;
		
}

	


		
	

/* #########----------klammer zu pc normal und tablet----------###########*/
}







/*-----------------------------------------------------------------------------------------------#*/
/*--------------------------------------------- font responsiv -------------------------------#*/
/*-----------------------------------------------------------------------------------------------#*/
/*########################### smartphone  ############################### */
/*########################### smartphone  ############################### */
/*########################### smartphone  ############################### */
@media only screen and (min-width: 10px) and (max-width: 480px) {
	
	
	
/*#——————————————-——######## text h1-h6 ———————————————————-*/	
h1, .h1 {
font-size:60px!important;
line-height:70px!important;
	
}
h2, .h2 {
font-size:40px!important;
line-height:48px!important;

}
h3, .h3 {
font-size:16px;
line-height:26px;
}
h4, .h4 {
font-size:16px;
line-height:24px;
}	
h5, .h5 {
font-size:14px!important;
line-height:20px!important;
}
h6, .h6 {
font-size:12px!important;
line-height:18px!important;
}	
/*#——————————————-——######## body ———————————————————-*/
p {   
font-size:20px;
line-height:27px;
}
	
/*#————————————————— Fließtext aufzählung ———————————————————-*/	
ul, li { 
font-size:20px;
line-height:27px;
}	
	
/*#————————————————— Fließtext bold ———————————————————-*/
p strong  { 
font-size:20px;
line-height:27px;
}

/*#————————————————— Fließtext Link ———————————————————-*/
p a, p a:hover  { 
font-size:20px;
line-height:27px;
	
}

	


	
/* #########----------klammer zu smartphone----------###########*/
}