@charset "UTF-8";
/* 2022 ALLES :-) Standard Textformatierung für SP Pagebuilder */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); /* Google Fonts */

hr.clear{
  clear:both;
}


/* Max Breite */
.maxBreite{
	max-width: 70%; 			  /* 1170px ist der Standartwert Breite SP Pagebuilder  der Wert nun hier mit 70% ist speziell*/
	margin-left:auto;
	margin-right: auto;
	/*border:2px solid yellow;     ---kontrolle*/
}
@media (max-width: 751px){
.maxBreite{
	max-width: 100%;
  	width:100%
    /*border:2px solid yellow;       ---kontrolle*/
}
}
 /*automatische Textskalierung des iPhones deaktiviert, da wir die Textgröen im Stylesheet mit em ja konkret festlegen werden.wenn dass auto Schrift Skalieren NICHT zurückgesetzt wird, werden Z.b bei 2 Spalten da die Schrift kleiner als bei einer Spalte !!!!*/	
html {
  -moz-text-size-adjust:none;
  -webkit-text-size-adjust:none;
  -ms-text-size-adjust:none;
}
 
body,td,th, tr, p, div {
    /*  -------------------------------------------------------------------------------------- */
	/* 15px	0.938em	93.8%	11pt */
	font-size: 1.095 em;
	font-family: 'Lato', Verdana, Helvetica, sans-serif !important;
	/* automatische Silbentrennung */
    -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
}

@media (max-width: 751px){
body,td,th, tr, p, div {
	 /*font-size: 0.9988em; ----------------------------------------------------------------------------------------- MOBILE */
	 
}
}
a:link, a:visited   {
	color: #333;
	background-color : none;
   -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
}

a:hover{
	color: #f19f0f;
	text-decoration:none;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,	
H1,
H2,
H3,
H4,
H5,
H6{
		font-family: 'Lato', Verdana, Helvetica, sans-serif;
		font-weight:normal;
		/*font-variant : small-caps;*/
		letter-spacing: 1px;
		text-transform: none!important;/* Importent, damit auch im Blox diese Werte genommen werden*/
 }
@media (max-width: 767px){
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
H1,
H2,
H3,
H4,
H5,
H6{
	text-align: center;	/*----------------------------------------------------------------------------------------- MOBILE */
}
}
 
H1{																										 /* Ist nur noch der Webseitentitel */
	/* 24px	1.500em	150.0%	18pt */
	font-size: 1.8em;
}

.h1,
.h2,
.h2 a,
.h2 a:link,
.h2 a:visited,
.h2 a:hover,
H1,	
H2,
H2 a,
H2 a:link,
H2 a:visited,
H2 a:hover{															/* ist nun der Standart Content Titel*/
   /* 21px	1.313em	131.3%	16pt*/
	font-size: 2.3em;
    letter-spacing: -0.010em;
  	font-weight: 900;
    /*border:2px solid green;       ---kontrolle*/
}

@media (max-width: 1024px) {
.h1,
.h2,
.h2 a,
.h2 a:link,
.h2 a:visited,
.h2 a:hover,
H1,
H2,
H2 a,
H2 a:link,
H2 a:visited,
H2 a:hover{
	font-size: 2.3em!important;
    /*border:2px solid red;       ---kontrolle*/
}
}

@media (max-width: 767px) {
.h1,
.h2,
.h2 a,
.h2 a:link,
.h2 a:visited,
.h2 a:hover,
H1,
H2,
H2 a,
H2 a:link,
H2 a:visited,
H2 a:hover{
    font-size: 2.0em!important;
    /*border:2px solid red;       ---kontrolle*/
}
}
.h3,
div.moduletable .h3,
H3,
div.moduletable H3 {
   /* 18px	1.125em	112.5%	14pt */
   	font-size: 1.125em;
	}
.h4,	
H4{
	/* 24px	1.500em	150.0%	18ptt */
	font-size: 1.500em;
	}
.h5,	
H5{
   /* 21px	1.313em	131.3%	16pt*/
	font-size: 1.313em;
	}
.h6,	
H6{
   /* 18px	1.125em	112.5%	14pt */
   	font-size: 1.125em;
	}

	
/*  SPEZIELLE Schrift --- 
.spezFont{
    font-family: 'Bad Script', cursive !important;
    letter-spacing: 0.050em;
    line-height: 1.5em;
 }
*/	

/* ---------------------------------------------------------------------------------- Kundenspezifisch ------------------- Formatierung 1 Buchstabe anderes Format */
/* https://wiki.selfhtml.org/wiki/CSS/Tutorials/Initialen  */
/*
div#contentmain h2::first:line {
  line-height: auto;
}
 
div#contentmain h2:nth-of-type(1)::first-letter {
  font-family: Century Gothic,'Poppins', Verdana, Helvetica, sans-serif;
  color: white;
  font-size: 1.9em;

  background-color: #f19f0f;
  
  margin-right: 3px;
 
  padding-left:8px; 
  padding-right: 8px;
}
#contentmain > div.blog_2Spalten > div > div.leading-2 > div.page-header > h2:nth-of-type(1)::first-letter,
#contentmain > div.blog_2Spalten > div > div.leading-1 > div.page-header > h2:nth-of-type(1)::first-letter {
		background: #c100c1;
}
 */

/* Orginal Code ------------

div#contentmain h2::first:line {
  line-height: 1em;
}
 
div#contentmain h2:nth-of-type(1)::first-letter {
  color: white;
  background-color: #f19f0f;
  font-size: 300%;
  float: left;
  line-height: 1.5em ;
  font-weight: bold;
  padding: 0.1em 0.3em 0.1em 0;
  margin: 0.2em 0.2em 0 0;
  border: 2px dashed white;
  box-shadow: 0 0 0 .1em #3983ab;

  
  font-family: 'Stalinist One', cursive;
}
div#contentmain h2{
	line-height: 120px !important;
}
*/


/* Formatieren Tabelle ---------------------------------------------- Ist in templat.css damit die Klasse in Editor ausw?hlbar ist ------------------------- */
/* Zeilenumbruch verrhindern z.B ?ffnungszeiten */
table.nowrap td{
	white-space: nowrap;
}
div#contentmain table.inhalt{
	width: 100%; /* 100% geht nicht, wenn ich im content.div mit auto arbeite block mal testen:-9*/
	max-width: 1170px;
	padding:0px;
	margin:0px;
	margin-top:2%;
	margin-bottom:2%;
	margin-left: auto;
    margin-right: auto;
	/*border-top:1px solid #566473;/*---kontrolle*/
	/*border-bottom:1px solid #566473;/*---kontrolle*/
	border:2px solid green;/*---kontrolle*/
}
table.inhalt td{
	width: 50%;  /*100% geht nicht, wenn ich im content.div mit auto arbeite block mal testen:-9*/
	padding:0px;
	margin:0px;
	vertical-align: top;
	/*border:2px solid green;---kontrolle*/
}
table.inhalt td:first-child {
	padding-right: 1%
}
table.inhalt td::last-child {
	padding-left: 1%
}
@media (max-width: 751px){
table.inhalt,
table.inhalt th,
table.inhalt td,
table.inhalt tr { display: block; text-align: left; width: 100% !important; }
}