/***********************************
Datei: template-schriften.css CSS 
URL: www.kotyza.de
************************************
Copyright: www.Sabine-Kemper.de
Start: 30.07.2025
Letzte Aenderung: www.kotyza.de
***********************************/

@font-face {
 font-family: "Rosario";
 src: url("/fonts/Rosario-Italic.woff2") Format("woff2"),
	url("/fonts/Rosario-Italic.woff") Format("woff"),
	url("/fonts/Rosario-Italic.ttf") Format("truetype"),
	url"/fonts/(Rosario-Italic.oft") Format("opentype");
font-style: italic;
font-weight: normal;
}

@font-face {
 font-family: "Rosario";
 src: url("/fonts/Rosario-LightItalic.woff2") Format("woff2"),
	url("/fonts/Rosario-LightItalic.woff") Format("woff"),
	url("/fonts/Rosario-LightItalic.ttf") Format("truetype"),
	url("/fonts/Rosario-LightItalic.oft") Format("opentype");
font-style: italic;
font-weight: 100;
}

@font-face {
 font-family: "Rosario";
 src: url("/fonts/Rosario-MediumItalic.woff2") Format("woff2"),
	url("/fonts/Rosario-MediumItalic.woff") Format("woff"),
	url("/fonts/Rosario-MediumItalic.ttf") Format("truetype"),
	url("/fonts/Rosario-MediumItalic.oft") Format("opentype");
font-style: italic;
font-weight: 400;
}

@font-face {
 font-family: "Rosario";
 src: url("/fonts/Rosario-SemiBoldItalic.woff2") Format("woff2"),
	url("/fonts/Rosario-SemiBoldItalic.woff") Format("woff"),
	url("/fonts/Rosario-SemiBoldItalic.ttf") Format("truetype"),
	url("/fonts/Rosario-SemiBoldItalic.oft") Format("opentype");
font-style: italic;
font-weight: 700;
}


/*
######################################################### 
reset                                               ###
######################################################### 
*/

.clear {
  clear: both;
  height: 0px;
  width: 0px;
  font-size: 0.0em;
  visibility: hidden;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

a:focus {
text-decoration: underline;
color: #d47e29;
    }

a, a:link, a:active, a:visited {
	text-decoration:none;
	color:#d47e29;
	padding:0;
}

a:hover  {color: #d47e29; text-decoration:underline; transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-o-transition: all 500ms; }

a.buttonanmelden {
  display: inline-block;
  background-color: #fff;
  border-radius: 10px !important;
  border: 1px solid #d47e29;
  color: #333333;
  text-align: center;
  width: auto;
  height: auto;
  margin: 1em 1em 1em 0em !important;
  cursor: pointer;
  padding: 1em 1em 1em 1em;
}

a.buttonbewerben {
  display: inline-block;
  background-color:  #d47e29;
  border-radius: 10px;
  border: 1px solid #d47e29;
  color: #ffffff;
  text-align: center;
  width: auto;
  height: auto;
  margin: 1em 1em 1em 0em !important;
  cursor: pointer;
  padding: 1em 1em 1em 1em;
}

a.buttonanmelden:hover; a.buttonbewerben:hover {
color: #d47e29;
background-color: #fff;
-webkit-box-shadow: 5px 0 10px #ccc;
-moz-box-shadow: 5px  0 10px #ccc;
box-shadow: 5px  0 10px #ccc;
opacity:0.5;
transition: all 800ms;
-webkit-transition: all 800ms;
-moz-transition: all 800ms;
-o-transition: all 800ms;
}

h1 {
  font-family: "Rosario";
font-style: italic;
font-weight: bold;
  clear: both;
  font-size: 250%;
  padding: 1em 0 1em 0;
  color: #d47e29;
  line-height: 1.3em;
  text-align: left;
}

h1.lesbarkeit1 {
  font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
  clear: both;
  font-size: 250%;
  padding: 1em 0 1em 0;
  color: #d47e29;
  line-height: 1.3em;
  text-align: left;
}

h2 {
  font-family: "Rosario";
font-style: italic;
font-weight: 500;
	font-size: 200%;
      margin: 0.5em 0 0.1em 0;
    line-height:1.3em; 
    padding: 0 0.2em 0.2em 0em;
}

h2.lesbarkeit2  {
  font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 500;
	font-size: 200%;
      margin: 1em 0 0.1em 0;
    line-height:1.3em; 
    padding: 0 0.2em 0.2em 0em;
}


h2.ohne {
font-family: "Rosario";
font-style: italic;
font-weight: 500;
 font-size: 140%;
font-weight:normal;
margin: 0 0 0.1em 0;
line-height:1.2em; 
padding: 0 0.2em 0.2em 0em;
}

h3 {
  font-family: "Rosario";
font-style: italic;
font-weight: 500;
font-size: 130%;
color: #d47e29;
    margin: 1em 0 0 0;
    line-height:1.3em; 
	font-weight:normal;
letter-spacing: 0.03em;
}

h3.lesbarkeit3 {
  font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 130%;
color: #d47e29;
    margin: 1em 0 0 0;
    line-height:1.3em; 
	font-weight:normal;
letter-spacing: 0.03em;
}


h4 {
    margin: 0.8em 0 0.4em 0;
    line-height:1.3em; 
font-size: 120%;
}

h5 {
    margin: 10px 0 5px 0;
    line-height:1.3em; 
font-size: 110%;
}

.bold {
font-style: italic;
font-weight: 700;
}

strong {
  font-weight: bold;
}


p  {
font-family: "Rosario";
font-style: italic;
font-weight: 100;
    line-height:1.5em; 
    text-align:left;
    margin: 0 0 0.4em 0;
font-size:130%;
}

.mainContent p {
font-size:130%;
}


p.lesbarkeitp  {
  font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
    line-height:1.5em; 
    text-align:left;
    margin: 0 0 0.4em 0;
font-size: 130%;
}


p.small  {
font-family: "Rosario";
font-style: italic;
font-weight: 100;
font-size: 100%;
    line-height:1.5em; 
    text-align:left;
    margin: 0 0 0.4em 0;
}


hr, hr.grau, .item-content hr {
width: 100%;    
margin: 1em 0 1em 0!important;
    padding: 0!important;
	color: #ebe4d4!important;
  border-style: solid!important;
  border-bottom:slim!important;
  border-left: 0!important;
  border-right: 0!important;
    border-top: 0!important;
}

hr.hrgrau {
      height: 15px;
      border: 0;
      box-shadow: inset 0 12px 12px -12px rgba(153, 153, 153);
      }
      


.white {
	color:#f8f8f8;
}

.white_index {
	color:#666;
	font-weight:lighter;
    margin: 0;
}

.item-page ul li, .field-value ul, .leading-0 ul {
   margin-bottom: 1em;
}

ul.textbereich , ul.textbereich li {
font-family: "Rosario";
font-style: italic;
font-weight: 400;
    line-height:1.5em; 
    text-align:left;
   list-style-position: outside;
   list-style-type:disc;
   padding-left: 0.2em;
   width: 90%;
   margin-bottom: 0.5em;
   margin-left: 1em;
}

ul.hacken, ul.punkt {
   margin: 1.5em 0 1.5em 0;
}	


.hacken li, .punkt li {
font-family: "Rosario";
font-style: italic;
font-weight:100;
font-size: 130%!important;
line-height:1.2em; 
   text-align:left;
   width: 90%;
   margin-bottom: 0;
   margin-left: 1.2em;
list-style: none!important;
   list-style-position: outside;
}	

.hacken li:before {
	content: "✔ ";
	color: #d47e29;
    margin-left: -1.2em; 
	width: 0;		
   list-style-position: outside;
padding-right: 0.2em;	
}

.punkt li:before {
	content: "● ";
	color: #d47e29;
    margin-left: -1.2em; 
	width: 0;		
   list-style-position: outside;
padding-right: 0.2em;	
}

.bild {
 	background-color: #333;
 	height:auto;
 	width:100%;
}

.button {
 	border: 0;
}

.shadow {
	box-shadow: 3px 2px 22px #000;
}

@media only screen and (max-width:60em) {
h1 {font-size: 160%;}
h2 {font-size: 140%;}
h3 {font-size: 120%;}
}


@media only screen and (max-width:32em) {
h1 {font-size: 140%;font-weight:bold;line-height:1.4em;}
h2 {font-size: 130%;font-weight:bold;margin: 1em 0 0.1em 0;line-height:1.5em;}
h3 {font-size: 110%;font-weight:normal;}
p {font-size: 100%;font-weight:normal;}
a {font-size: 100%;font-weight:normal;}
a.terminberatung {font-size: 100%;font-weight:normal; margin: 1em!important;}
.item-page ul li, .field-value ul li, .leading-0 ul li {font-size: 100%;}
}