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

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

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

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


a
{
	color: #666;
	text-decoration: none;
}
a:active 
{
	color: #a14f51;
	text-decoration: none;
}
a:hover
{
   color: #000;
   text-decoration: none;
   text-shadow: none;
}
   
body
{
font-family: 'Raleway', sans-serif;
	font-size: 1.0em;
  color: #00001b;-webkit-text-size-adjust:none;
  font-weight: 400;
}

p, td {

}

ul {
    margin: 10px 0; padding: 0 0 0 25px;
}

input, textarea
{  
font-family: 'Raleway', sans-serif;
font-size: 1.2em; padding: 10px;
color:  #00001b; border: 1px solid #999;
box-sizing: border-box;
}

 
.small
{
   font-size: 0.8em;
}
         
h1 {
font-size: 1.6em;
color: #00001b;
margin: 20px 0 20px 0;
line-height: 1.4em;
font-weight: bold;
letter-spacing: 3px; font-family: 'Roboto Condensed', sans-serif;
}
.contentelement > h1 {
    margin-top: 0;
}

h2 {
font-size: 1.4em;
color: #00001b;
font-weight: bold;
margin: 15px 0 20px 0;
line-height: 1.4em;
letter-spacing: 3px;
}



h3 {
font-size: 1.2em; font-weight: 400;
margin: 30px 0 15px 0;
color: #222; font-weight: bold;
letter-spacing:2px; font-family: 'Roboto Condensed', sans-serif;
}

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;
}


@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 {
font-weight: bold;
}


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

#textfeld .box div.bildrahmen img {
    max-width: 170px;
}

#kal {  float: left; width: 102%; margin: 0 0 0 -1%; }

.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: #a14f51; 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:#a14f51; margin: 10px 0;
}




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

.halb { width: 47%; box-sizing: border-box;  padding: 0;}
div.halb:nth-child(even) { margin: 10px 0 10px 3%; }
div.halb:nth-child(odd) {margin: 10px 3% 10px 0; }
.halb div.bildrahmen.floatlinks {
    padding: 0; margin: 0 10px 0 0;
}
.halb div.bildrahmen.floatlinks img {
    float: left; width: 100%; margin: 0; padding: 0;
}


table.tabelle1 {
    border: 0; border-collapse: collapse; margin: 0 0 20px;
}
table.tabelle1 th {
         font-weight: bold; text-align: left;
         border-color: #fff; border-top: 0;
}
table.tabelle1 td {
         text-align: left;
         border-color: #fff;
}
table.tabelle1 tr td:first-child, table.tabelle1 tr th:first-child {
         border-left: 0; padding-left: 0 !important;
}
table.tabelle1 tr td:last-child, table.tabelle1 tr th:last-child {
         border-right: 0;
}
table.tabelle1 tr:last-child td {
         border-bottom: 0;
}


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

 .halb { max-height: 300px; overflow: hidden;}

}
@media only screen and (max-width: 960px)
{
.teaserbox {height:400px;}
.box {margin: 10px 1.5%;width: 47%; }

.halb { width: 100%; }
div.halb:nth-child(odd) { margin: 10px 0; }
div.halb:nth-child(even) {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;}
}

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

.box {margin: 10px 0;width: 100%; height: auto; }

.halb { width: 100%;  padding: 0; font-size: 1.0em;  max-height: none; }
div.halb:nth-child(odd) { margin: 10px 0; }
div.halb:nth-child(even) {margin: 10px 0; }
.halb div.bildrahmen.floatlinks {
 margin: 0 0 10px; width: 100%; max-width: 100%;
}

}