@import 'https://fonts.googleapis.com/css?family=Oxygen:300';
@import 'https://fonts.googleapis.com/css?family=Ubuntu';

/*Standard*/
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
.clearL,
.clearR,
.clear
{
	clear: both;
}
H1, H2, H3, H4, H5, H6
{
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 120%;
	color: #9c2828;
	padding: 0 0 16px;
	text-transform: uppercase;
}
H1
{
	font-size: 33px;
	line-height: 46px;
}
.bel3 .cont H1:first-of-type{
	padding: 0 0 4px;
}
H2
{
	font-size: 26px;
}
.bel3 h1 + h2{
	padding: 0 0 4px;
}
H3
{
	font-size: 24px;
}
H4
{
	font-size: 18px;
}
P
{
	padding: 0 0 25px;
}
.cont .item p:last-of-type {
    padding-bottom: 0;
}
A
{
	text-decoration: none;
	color: #942721;
}
A:hover
{
	text-shadow: 0 0 10px rgba(0,0,0,0.2);
}
HR
{
	background: transparent;
	border: 0 solid #e7e7e7;
	height: 0;
	padding: 0;
	width: 135px;
	margin: 20px auto 25px;
	border-bottom: 1px solid #e7e7e7;
}
TEXTAREA, INPUT, BUTTON
{
	resize: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-font-smoothing: inherit;
	color: #000;
	padding: 5px;
	border: 1px solid #CCC;
	background: #FFF;
}
BUTTON
{
	border: none;
	cursor: pointer;
}
INPUT[type=text], TEXTAREA, INPUT[type=password], INPUT[type=email], SELECT, BUTTON
{
	width: 100%;
}
INPUT[type=text], TEXTAREA, INPUT[type=submit], INPUT[type=reset], INPUT[type=password], INPUT[type=email], TEXTAREA, BUTTON
{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
INPUT[type=radio]
{
	padding: 4px;
	line-height: normal;
	vertical-align: middle;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
}
INPUT:-webkit-autofill, TEXTAREA:-webkit-autofill
{
	-webkit-box-shadow: 0 0 0 1000px #FFF inset;
	-webkit-text-fill-color: #000;
}
::-webkit-input-placeholder
{
	color: #545754;
	font-weight: 300;
}
:-moz-placeholder
{
	opacity: 1;
	color: #545754;
	font-weight: 300;
}
::-moz-placeholder
{
	opacity: 1;
	color: #545754;
	font-weight: 300;
}
:-ms-input-placeholder
{
	color: #545754;
	font-weight: 300;
}
/*Image Abstand*/
.allcont DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image
{
	margin: 10px 0;
}
/*Blockstile*/
P.align-center, H1.align-center, H2.align-center, H3.align-center, H4.align-center, H5.align-center, A.align-center, P A.align-center
{
	text-align: center;
}
P.align-right, H1.align-right, H2.align-right, H3.align-right, H4.align-right, H5.align-right, A.align-right, P A.align-right
{
	text-align: right;
}
P.align-justify, H1.align-justify, H2.align-justify, H3.align-justify, H4.align-justify, H5.align-justify, A.align-justify, P A.align-justify
{
	text-align: justify;
}
/*Textstile*/
.Button,
.GruenerButton
{
	display: inline-block;
	background: #942721;
	color: #fff;
	padding: 8px 30px 7px;
    margin: 5px 0;
}
.Button + .GruenerButton,
.Button + .Button,
.GruenerButton + .Button,
.GruenerButton + .GruenerButton
{
	margin-left: 20px;
}
.Button:hover
{
	background: #b04b46;
}
.GruenerButton:hover
{
	background: #a9c177;
}
.GruenerButton{
	background: #768d46;
}
.GrosserText {
	font-size: 24px;
	line-height: 32px;
}

.HellroterText{
	color: #b04b46;
}
.BeigeText{
	color: #c0ac9a
}

/* Animations */
A,
INPUT
{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*Template*/
BODY
{

	font-family: 'Oxygen', sans-serif;
	font-size: 16px;
	line-height: 26px;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
#site
{
}
/*Head*/
.head
{
	position: absolute;
	top: 0;
	width: 100%;
	background: rgba(255,255,255,0.9);
	min-height: 118px;
	-webkit-box-shadow: 0 0 8px rgba(46,46,46,0.2);
	   -moz-box-shadow: 0 0 8px rgba(46,46,46,0.2);
	        box-shadow: 0 0 8px rgba(46,46,46,0.2)
}
.headnav
{
    background: #942721;
    color: white;
    text-align: right;
    min-height: 28px;
    line-height: 28px;
    font-size: 14px;
}
.headnav LI{
	display: inline-block;
	margin-right: 15px;
	font-weight: 600;
}
.headnav LI:last-child{
	margin-right: 0;
}

.headnav LI A{
	color: white;
}
/*Logo*/
#logo
{
	background: url(../img/logo.png) no-repeat left top;
	width:269px;
	height:37px;
	display: inline-block;
	padding-right: 42px;
	margin-top: 26px;
	margin-bottom: 7px;
}
#logo A
{
	display: block;
	width: 100%;
	height: 100%;
}
#logo A SPAN
{
	display: none;
}
/*Subhead*/
#subhead
{
	max-height: 500px;
	width: 100%;
	padding-top: 28px;
	margin-bottom: 30px;
	min-height: 90px;
    position: relative;
}
#subhead:before {
	content: '';
	display: block;
	background: url(../img/annette-hoffmann2.png) no-repeat center center;
	width: 340px;
	height: 330px;
	background-size: 340px auto;
	position: absolute;
	left: 20%;
	bottom: 0;
	z-index: 999;
}
.bel3 #subhead:before {
	width: 340px;
	height: 330px;
	background-size: 340px auto;
}
#subhead DIV {
	max-height: 500px;
}
#subhead .item *
{
	float: none;
	right: auto;
	overflow: visible;
	position: static;
}

#subhead .bx-wrapper .item .csc-textpic-text {
    position: absolute;
    bottom: 100px;
    background: rgba(255,255,255,0.75);
    z-index: 999999;
    left: -webkit-calc(50% + (960px / 2));
    left: -moz-calc(50% + (960px / 2));
    left: calc(50% + (960px / 2));
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
    width: 434px;
    padding: 35px 50px 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    text-transform: uppercase;
}


#subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image
{
	display: block;
	width: 2000px;
	left: 50%;
	position: relative;
	margin-left: -1000px;
	margin-bottom: 0;
}
/*Nav*/
.nav
{
	list-style-type: none;
	display: inline-block;
	width: -webkit-calc(100% - 311px);
	width: -moz-calc(100% - 311px);
	width: calc(100% - 311px);
}
/* Allgemeine Stile */
.nav > UL{
	display: table;
	width: 100%;
}
.nav LI
{
	position: relative;
}
.nav LI:hover > .subNav,
.nav LI.over > .subNav
{
	display: block;
}
.nav LI:hover > A,
.nav LI.over > A,
.nav LI.act > A
{
	text-decoration: none;
}
/* subNav */
.subNav
{
	display: none;
	position: absolute;
	z-index: 100;
	background: url(../img/trans.png) repeat left top;
	left: 0;
	top: 100%;
    -webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.1);
       -moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.1);
            box-shadow: 10px 10px 20px rgba(0,0,0,0.1);
}
.subNav .subNav
{
	left: 100%;
	top: 0;
}
.nav > UL > LI:last-child > .subNav
{
	left: inherit;
	right: 0;
}
.nav > UL > LI:last-child > .subNav .subNav
{
	left: inherit;
	right: 100%;
}
/* ab hier anpassen */
.nav A
{
	font-family: 'Ubuntu', sans-serif;
	display: block;
	text-transform: uppercase;
}
/* Ebene I / Hauptnavigation */
.nav > UL > LI
{
	display: table-cell;
    white-space: nowrap;
}
.nav > UL > LI > A
{
	color: #545754;
	text-align: center;
	padding-left: 7px;
}
/* hover (Ebene I) */
.nav > UL > LI:hover > A,
.nav > UL > LI.over > A
{
	opacity: 0.7
}
/* active (Ebene I) */
.nav > UL > LI.act > A,
.nav > UL > LI.act:hover > A,
.nav > UL > LI.act.over > A
{
	opacity: 0.7;
}
/* Ebene II / subNav */
.subNav > LI + LI
{
	border-top: 1px solid transparent;
}
.subNav A
{
	font-size: 14px;
	padding: 5px 10px;
	color: #545754;
	background: rgba(255,255,255,0.8);
	white-space: nowrap;
}
/* hover + active (Ebene II) */
.subNav LI:hover > A,
.subNav LI.over > A
{
	background: white;
}
.subNav > LI.act > A,
.subNav > LI.act:hover > A,
.subNav > LI.act.over > A
{
	background: white;
}
/*clearfix Nav*/
.nav > UL:after {
	content: "";
	display: block;
	clear: both;
}
.nav > UL {
	zoom: 1;
}
/*Allcont*/
.cont
{
	margin-bottom: 80px;
}
.bel3 .cont{
	margin-bottom: 0;
}
.cont > .item,
.gridwrapper > .item,
.inner
{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.gridwrapper > .item .gridwrapper > .item
{
	width: auto;
}
/*Foot*/
.foot
{
	background: #404240;
	color: #909490;
	font-size: 12px;
	font-weight: 600;
}
.foot A
{
	color: #fff;
	text-transform: uppercase;
}
.foot LI{
	display: inline-block;
	margin-right: 30px;
}
.foot P
{
	padding: 0;
}
.footnavwrap {
    text-align: center;
    background: #545754;
    padding: 15px 0;
}
.copy, .footnav, .webdesign
{
	display: inline-block;
}
.copy{
	text-align: center;
	width: 100%;
}
/*Listen*/
.allcont UL
{
	margin: 5px 0px 10px 25px;
}
.allcont UL LI
{
	list-style-type: disc;
	padding: 3px 0px;
}
.allcont OL
{
	margin: 5px 0px 10px 18px;
}
.allcont OL LI
{
	list-style-type: decimal;
	padding: 3px 0px;
}
/*Tabelle*/
.allcont TABLE
{
	margin: 10px 0px 5px;
}
.allcont TABLE TR TD
{
	padding: 5px 10px 5px 0px;
}
.allcont TABLE TR TH {
	text-align: left;
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	background: #9c2828;
	padding: 5px 15px;
	border-right: 1px solid #fff;
}
.allcont TABLE.Tabelle-Basic {
	width: 100%;
}
.allcont TABLE.Tabelle-Basic TR.even {
	background-color: #e8e8e8;
}
.allcont TABLE.Tabelle-Basic TR TD {
	padding: 5px 15px;
	border-right: 1px solid #fff;
}
/*ERWEITERUNGEN*/
/*Powermail*/
.powermail_fieldset
{
	margin-top: 10px;
}
.tx-powermail LEGEND.powermail_legend
{
	display: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #545754;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #545754;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #545754;
}
:-moz-placeholder { /* Firefox 18- */
  color: #545754;
}

.tx-powermail H3
{
	display: none;
}
.tx-powermail .powermail_form .powermail_fieldwrap
{
	padding: 0 0 10px;
    position: relative;
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px);
    float: left;
}
.tx-powermail .powermail_form .powermail_fieldwrap:nth-child(odd){
	margin-left: 5px;
}
.tx-powermail .powermail_form .powermail_fieldwrap:nth-child(even){
	margin-right: 5px;
}

.tx-powermail .powermail_form .powermail_fieldwrap_type_textarea,
.tx-powermail .powermail_form .powermail_fieldwrap_type_recaptcha{
	width: 100%;
}

.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input LABEL
{
	display: block;
	width: 100%;
	padding: 5px 0 0;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input LABEL,
.powermail_fieldset .powermail_label
{
	display: none;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input INPUT,
.tx-powermail .powermail_form .powermail_fieldwrap TEXTAREA
{
	width: 100%;
	border: 1px solid #d1cac4;
	background: #ebe9e6;
	font-size: 16px;
	padding: 8px 20px 7px;
}
.tx-powermail .powermail_form .powermail_fieldwrap TEXTAREA
{
	height: 100px;
	resize: vertical;
	display: block;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input INPUT:focus,
.tx-powermail .powermail_form .powermail_fieldwrap TEXTAREA:focus
{
	background: #eee;
}
/*Checkboxen - Radiobuttons*/
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check INPUT,
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio INPUT
{
	margin: 0 5px 0 3px;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check LABEL,
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio LABEL
{
	position: relative;
	top: 1px;
	cursor: pointer;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio,
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox
{
	display: inline-block;
	margin-right: 4%;
}
/*Submit Button*/
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_submit
{
	padding: 0px;
	margin: 5px 0 10px;
	text-align: right;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_submit INPUT.powermail_submit
{
	color: #545754;
	cursor: pointer;
	padding: 10px 30px 8px;
	background: transparent;
	border: 1px solid #d1cac4;
	font-size: 16px;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_submit INPUT.powermail_submit:hover
{
	background: #d1cac4;
}
/*Pflichtfelder*/
.tx-powermail .powermail_fieldwrap .mandatory
{
	color: #E37234;
}
/*Text anzeigen*/
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_text
{
	font-size: 12px;
	color: #555;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_text.layout1
{
	font-size: 14px;
	color: #a9c177;
}
/*Selectfeld*/
.tx-powermail .powermail_form SELECT
{
	width: 100%;
}
/*Fehlermeldung*/
.parsley-errors-list {
	position: absolute;
	bottom: 5px;
	right: 2px;
	margin: 0 !important;
	padding: 0;
	font-size: 11px;
	background: #d1cac4;
	color: #545754;
}
.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_textarea .parsley-errors-list
{
	bottom: 11px;
}
.parsley-errors-list LI {
	list-style-type: none !important;
	padding: 3px 10px 2px !important;
}
.tx-powermail .powermail_form .powermail_fieldset INPUT.parsley-error,
.tx-powermail .powermail_form .powermail_fieldset TEXTAREA.parsley-error  {
	border: 2px solid #545754;
}
/*Abenden Seite*/
.tx-powermail .powermail_create DT
{
	padding: 2px 0;
	font-weight: bold;
	float: left;
	clear: both;
	margin-right: 2%;
	width: 28%;
}
.tx-powermail .powermail_create DD
{
	float: left;
	width: 70%;
	padding: 2px 0;
}
/*Gridelemente*/

.teaserbox {
    background: white;
    -webkit-box-shadow: 0 0 8px rgba(46,46,46,0.2);
    -moz-box-shadow: 0 0 8px rgba(46,46,46,0.2);
    box-shadow: 0 0 8px rgba(46,46,46,0.2);
}

.teaserbox DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{
	margin: 0;
}

.teaserbox .text .item {
    padding: 25px 20px;
}

.teaserbox .bild .item {
    max-height: 237px;
    height: 100%;
    overflow: hidden;
}

.teaserbox .bild .item IMG{
    max-height: 237px;
    height: 100%;
    width: auto;
}

.teaserbox .Button,
.teaserbox .GruenerButton {
    margin: 5px auto;
    display: inline-block;
}

.teaserbox .text A.Button {
    bottom: 20px;
}

/*Allgemein*/
.gridrow .col
{
	float: left;
	display: block;
}
.gridrow .col + .col
{
	margin-left: 4%;
}
/*Boxen 50%*/
.box50 .col
{
	width: 48%;
}
/*Boxen 33%*/
.box33 .col
{
	width: 30.6%;
}
/*Boxen 25%*/
.box25 .col
{
	width: 22%;
}
/*Boxen 33%-66%*/
.box33-66 .col.col1
{
	width: 32%;
}
.box33-66 .col.col2
{
	width: 64%;
}
/*Boxen 66%-33%*/
.box66-33 .col.col1
{
	width: 64%;
}
.box66-33 .col.col2
{
	width: 32%;
}
/*Volle Breite*/
.item.b100,
.item.b101
{
	width: 100%;
}
.item.b101 > .gridrow
{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
/*Karte*/
.item.karte{
	line-height: 0;
}

/*Farbig*/
.item.grey,
.item.beige
{
	background-color: #e9e6e3;
	padding: 80px 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.item.beige{
	background-color: #d1cac4;
}
.item.b100.grey,
.item.b100.beige
{
	padding: 2%;
}
.item.b100 .col + .col
{
	margin-left: 0;
}
.item.b100 .box50 .col
{
	width: 50%;
}
/*Special_ID-Anpassungen*/

/* footer mit variabler hoehe und sitzt immer unten */
HTML, BODY
{
	height: 100%;
}
#site
{
	display: table;
	height: 100%;
	width: 100%;
}
.allcont
{
	display: table-row;
	height: 100%;
}
.foot
{
	display: table-row;
}


/* Google maps */

    #map {
        height:500px;
        width:100%;
    }
	.gm-style-iw * {
		display: block;
		max-width: 100% !important;
		box-sizing: border-box;
		min-width: 290px;
		overflow: hidden !important;
	}
    .gm-style-iw h4, .gm-style-iw p {
        margin: 0;
        padding: 0;
    }
    .gm-style-iw a {
        color: #4272db;
    }


/*Bewertung Forumlar*/


.powermail_form_2 label.powermail_label {
	display: block;
	font-weight: bold;
	color: #942721;
}

.powermail_form_2 .radio { 
  border: none;
  float: left;
}
.powermail_form_2 .radio input
{
	display: none !important;
}
.powermail_form_2 .radio LABEL
{
	font-size: 0;
}
.powermail_form_2 .radio > label:before { 
  margin: 5px 0;
  font-size: 20px;
  font-family: 'FontAwesome';
  display: inline-block;
  content: "\f005";
}

.powermail_form_2 .radio > .half:before { 
  content: "\f089";
  position: absolute;
}
.powermail_form_2 .radio > label { 
  color: #ddd; 
 float: right; 
}

.powermail_form_2 .radio,
.powermail_form_2 .radio *
{
	transition: all .3s ease-in-out;
}

/***** CSS Magic to Highlight Stars on Hover *****/
.powermail_form_2 .radio > label.act,
.powermail_form_2 .radio > label.act_star
{
	color: #FFD700;
}

.powermail_form_2 .radio > label.act_star.act
{
	color: #FFED85;
}
.tx-powermail .powermail_form_2 .powermail_fieldwrap:nth-child(odd) {
	margin: 0;
}
.powermail_form_2 .powermail_fieldwrap.powermail_fieldwrap_type_radio {
	width: 32.8%;
}
.tx-powermail .powermail_form_2 .powermail_fieldwrap_type_textarea {
	margin-top: 30px;
}
.tx-powermail .powermail_form_2 .powermail_fieldwrap_type_textarea textarea {
	height: 180px;
}
.tx-powermail .powermail_form_2 .powermail_fieldwrap_type_textarea label {
	margin-bottom: 10px;
}
.tx-powermail .powermail_form_2 .powermail_fieldwrap.powermail_fieldwrap_type_submit {
	clear: both;
	text-align: left;
}