/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./font/pt-sans-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('./font/pt-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/pt-sans-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/pt-sans-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./font/pt-sans-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/pt-sans-v10-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./font/pt-sans-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('./font/pt-sans-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/pt-sans-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/pt-sans-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./font/pt-sans-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/pt-sans-v10-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

a
{
	color: #000;
	text-decoration: none;
}
a:active 
{
	color: #e30613;
	text-decoration: none;
}
a:hover
{
   color: #000;
   text-decoration: none;
   text-shadow: none;
}
   
body
{
font-family: 'PT Sans', sans-serif;
	font-size: 1.1em;
  color: #000;-webkit-text-size-adjust:none;
  font-weight: normal;
}

p, td {

}


input, textarea, select
{
font-family: 'PT Sans', sans-serif;
font-size: 1.2em;
padding: 10px;
}
input:focus, textarea:focus, select:focus {
    border: 1px solid #e30613;
}
 
.small
{
   font-size: 0.9em;
}
         
h1 {
font-size: 2.4em;
color: #000;
margin: 20px 0 50px;
line-height: 1.4em;
font-weight: 300;
font-family:"vista-slab", serif;
letter-spacing: 1px;
}

h1 strong {
    font-weight: 400;
}

h2 {
font-size: 1.7em;
color: #000;
font-weight: 300;
margin: 15px 0;
line-height: 1.4em;
font-family:"vista-slab", serif;
letter-spacing: 1px;
}

h1 span, h2 span {
    display: inline-block; padding: 3px 0 1px; color: #e30613; font-weight: bold;
}

h3 {
font-size: 1.2em; font-weight: 400;
margin: 20px 0 15px 0;
color: #222;
letter-spacing:1px;
}

footer h3 {
   color: #fff;
}

h4 {
font-size: 1.0em;
margin: 20px 0 10px 0;
}


.alignleft {text-align: left;}
.aligncenter {text-align: center;}
.alignright {text-align: right;}

.unav h3 a {
padding-left: 20px;
font-size: 90%;
}

p {
margin: 10px 0 15px 0;
line-height: 1.5em;
}

.bfpartner {
    float: left; width: 90%; box-sizing: border-box; border: 1px solid #000; padding: 10px 20px;  margin:50px 5%;
}
.bfpartner img {
    max-width: 48%; margin: 0 30px 0 0;
}

@media only screen and (min-width: 680px)
{
div.zs {-webkit-columns: 2; -moz-columns: 2; columns: 2; float: left; width: 100%; margin: 0;
-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;
    }
div.zs p {margin: 0 0 20px;}
}

@media only screen and (min-width: 960px)
{
div.ds {-webkit-columns: 3; -moz-columns: 3; columns: 3; float: left; width:100%; margin: 0;
-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;
    }
div.ds p {margin: 0 0 20px;}
}


p.willkommen {
color: #23388B;
margin-top:15px;
font-size: 120%;
font-weight: bold;
}

p.utitle {

}

div.firstletter p:first-child:first-letter {
font-size: 4.6em;
float: left;
margin: 10px 15px 0 0;
line-height: 0.8;
color:#e30613;
font-style: italic;
font-family:"vista-slab", serif;
font-weight: 300;
}


.teaserbox {
margin: 5px 0 10px;
float:left;
padding: 0;
box-sizing: border-box;
background: #e5e5e5;
}

.teaserseite {
    float: left; width: 102%; margin: 0 0 0 -1%;
}
.teaserseite .artikel {
    width: 98%; padding: 0 1% 80px; float: left;
}


.teaserbox {
width: 48%; margin: 10px 1%; height:480px; overflow: hidden; box-sizing: border-box; border: 1px solid #fff; text-align: center;
}
.slideteaser div.teaserbox {
    width: 97%; margin: 10px 1.5%;
}

.teaserbox h2 {
font-weight: normal; margin: 15px 0 5px; float: left; width: 100%; box-sizing: border-box; padding: 0 5px;
}

#textfeld img.boxbild {
float: left;
margin: 0;
max-width: 100%;
}

.teaserbox > span {
 display: block; position: absolute; top: 30px; right: 5%; color: #fff; background: #e30613; padding: 25px 0 0; width: 100px; height: 100px; box-sizing: border-box; font-weight: bold;
 border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;  -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.teaserbox.Kochkurs > span {padding: 35px 0 0; }
.teaserbox:hover > span {
transform: scale(1.2,1.2);
}

p.teaserinhalt {
margin:10px 0;
padding: 0 5%;
width: 90%; float: left; text-align: left;
}


hr {
    border: 0; float: left; width: 100%; height: 1px; background:#e30613; margin: 10px 0;
}

.footcontainer p {
    margin: 0;
}


#textfeld ul {
    line-height: 1.5em;
}

.halb { width: 49%; box-sizing: border-box;  padding: 0; margin: 10px 0.5%;}

.halb div.bildrahmen.floatlinks {
    padding: 0; margin: 0 10px 0 0;
}
.halb div.bildrahmen.floatlinks img {
    float: left; width: 100%; margin: 0; padding: 0;
}

.box {
    background: #e30613; padding: 10px; box-sizing: border-box; color: #fff; float: left;
}
.box .bi {
    float: left; width: 100%; border: 2px solid #fff; padding: 10px; box-sizing: border-box;
}


@media only screen and (max-width: 1160px) {
       body {font-size: 1.0em;}
}
@media only screen and (max-width: 960px)
{
.teaserbox {height:400px;}

.halb { width: 100%; margin: 10px 0; }

}

@media only screen and (max-width: 680px)
{
h1 {font-size: 1.6em;}
h3 { font-size: 1.2em;}
.anfrageform div.kontaktformular {float: left; width: 100%;}
.anfrageform div.artikeldaten {width: 100%;}
.teaserbox {width: 100%; margin: 10px 0; height:auto;}

.bfpartner img {
    max-width:100%; margin: 0 0 20px;
}
}

@media only screen and (max-width: 460px)
{
.teaserseite {width: 100%; margin: 0;}
.teaserseite .artikel {width: 100%; padding: 0;}

.halb { width: 100%;  padding: 0; font-size: 1.0em;  max-height: none; }

.halb div.bildrahmen.floatlinks {
 margin: 0 0 10px; width: 100%; max-width: 100%;
}

}