/* Style Sheet #d19504*/
@media (max-width:768px){
	.container.content{
	background:#fef8e9;
}
}
@media (min-width:768px){
	body {
	background:#e2e2e2;
	background-image: linear-gradient(#fff9eb, #faeed4);
	color:#3d6073;padding-top:35px;
}
}
@media (max-width:767px){
	.container.content {
	margin-bottom:25px;
}
.container.mobile .col-md-4 {
	text-align:center;
}
}
@media (min-width:1200px){
	ausencontainer{
	width:1170px;
}

}
.col-xs-12.col-sm-12.col-md-12.col-lg-12.nav{
	padding:0;
}
.container.ausencontainer{
	background:#fff;border-radius:30px;padding:0 !important;
}
@media (max-width:768px){
	.container.ausencontainer{
	background:#fef8e9;border-radius:0;
}
}
.container.top {
	margin-bottom:25px;
}

/*Hilfsnavigation*******************/

.hilfsnav {
	padding:15px 40px 0 0;
}
.hilfsnav a{
padding-left:25px;
	display:inline;float:right;
}
@media (max-width:900px){
	

.col-md-12.hilfsnav {
	margin:0;padding:0;display:none;
}
}
/* Navbar ***************************************************************************************Navbar*/
@media (max-width:767px){
.container-fluid.top .glyphicon{
	font-size:26px;vertical-align:center;padding-right:15px;
}

nav.navbar.navbar-default,.navbar-toggle {
	display:none;
}
ul.nav.navbar-nav {
	background:#8296a1;
}
ul.nav.navbar-nav li {
	text-align:center;border-bottom:1px dotted  #fff;
}
ul.nav.navbar-nav li a{
	font-weight:bold;background:#711f35;color:#fff;
}
li.dropdown.open ul.dropdown-menu li a{
	font-weight:normal;background:#fef8e9;color:#4f0a1d;
}
ul.nav.navbar-nav li a{
	color:#fff;
}
li.dropdown.active.open a.dropdown-toggle {
	background:#4f0a1d;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #4f0a1d;
    border-color:transparent; 
    
}
}
@media (min-width:768px){
ul.nav.navbar-nav li a{
	color:#711f35;border-bottom:1px dotted  #fff
}
ul.nav.navbar-nav li ul li a:hover {background-color: #4f0a1d;
  color: #fff;
  border-bottom: 1px dotted #fff;
}
ul.nav.navbar-nav li ul li a{
	color:#fff;border-bottom:1px dotted  #fff
}
.modal-header h4{
	text-align:center;
}

}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
   background:#711f35;color:#fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;padding-left:25px;
}
.navbar-default {
    background-color: #fff;
    border-color: #fff;font-family:"Open Sans";margin-top:25px;width:100%;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;font-size:14px;
}
.navbar-default .navbar-nav  li.active{
	background:#711f35;
}
.navbar-default .navbar-nav  li.active a{
	background:#711f35;color:#fff;
}
.navbar-default .navbar-nav  li.active ul li a{
	background:#711f35;text-decoration:none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus ,.navbar-default .navbar-nav >li  a:hover{
    color: #fff;
    background-color: #4f0a1d;
}
.dropdown-menu > li > a {
	background:#711f35;padding:10px 12px !important;color:#fff;font-size:14px;
}
.dropdown-menu > li > a:hover {
	background:#711f35;padding:10px 12px !important;color:#fff;font-size:14px;
}
ul.dropdown-menu li li a:hover {
 
  color: #fff;
  background: #4f0a1d;
  border-bottom: 1px dotted #fff;
}
@media (min-width:768px){
.container.main {
	padding-left:0;padding-right:0;
}
col-md-12.nav {
	padding-left:0;padding-right:0;
}	
.navbar.navbar-default {

	border-radius:0;padding-left:0;
}
ul.nav li.dropdown:hover ul.dropdown-menu{margin:0;display:block;}
ul.dropdown-menu li a {
	padding:6px 6px;
}
ul.dropdown-menu li li a:hover{
	background:#4f0a1d;color:#fff;
}
ul.dropdown-menu li.divider{
	padding:0;
}
ul.dropdown-menu li.dropdown.active a{
	color:#26adc3;
}
ul.navbar.navbar-nav {
	text-align:center;
}
ul.nav.navbar-nav li.dropdown.active a{
	text-decoration:none;
}
ul.dropdown-menu li a:hover{
	background:#4f0a1d;color:#fff;
}
.navbar-nav {clear:left;float:none;
	text-align:right;
}
}

/********************Jumbotron**************************************************************************Jumbotron**/
.jumbotron.top {
	padding:25px;
}
.jumbotron {
	margin:0px 0 0px 0;height:auto;padding:0;background-color:#fff;
}
.jumbotron img {
	width:100%;height:auto;
}
.logo {
	text-align:center;
}
.logo img {
	width:100%;max-width:256px;height:auto;
}
.col-xs-12.logo{
	padding:12px 0;
}
.col-md-8.jumbo {
	color:#fff;padding:35px 0 0 55px;
}
.col-md-8.text {
	border-radius:9px;
}
.text.shadow {
	color:#3d6073;
}
.text a{
	color:#d58718;
}
.col-md-8.text ul li{
	color:#3d6073;
}
h4.panel-title a{
	color:#fff;
}
.text a:hover{
	text-decoration:underline;
}
.col-md-3.bild {
text-align:center;padding-top:50px;
}
.col-md-3.nav {
text-align:center;padding-top:100px;
}
@media(min-width:768px) {
	.col-md-3.nav {
	border-right: 1px solid  #e46c2f;text-align:left;
}

.container.bild img{
	width:100%;
}
.container.bild.desktop img{
	border-radius:20px;
}
.col-md-8.text {
	padding:35px 55px;
}
.col-md-4.adresse {
margin:70px 0 60px 0;	padding:20px 25px;background:#fef8e9;border-radius:9px;color:#711f35;
}
.col-md-4.adresse p{
	color:#711f35;
}
.col-md-4.adresse a,.col-md-4.adresse.desktop a#mail a{
	color:#711f35;text-decoration:underline;
}
.col-md-4.adresse a:hover,.col-md-4.adresse a:focus,.col-md-4.adresse a:visited{
	color:#711f35;text-decoration:underline;
}

}


@media (max-width:768px){
	h2,.h2 {
	font-size:20px;
}
}
@media (max-width:1024px)and (min-width:768px){
	

h1,.h1 {
	font-size:30px;font-weight:nomal;
}
h2,.h2 {
	font-size:26px;
}


}


@media(min-width:768px){
	.shadow {
    box-shadow: 0 18px 38px rgba(0,0,0,.2);background:#fff;
}
}

.col-md-4.img_urlaub img{
	width:100%;max-width:600px;
}

@media (min-width:768px){
	.col-md-3.border{
	border-right:1px dotted  #748a1d;
	
}
}

@media (min-width:800px){
   .contentwrap{
	padding:35px 0;
}
	.container.content.start.shadow {
	margin:0px auto;border-radius:9px;
}
.starttext p{
	color:#3d6073;
}
img.shadow{
	border-radius:9px;
}
}	
.headline {
	text-align:center;margin-bottom:25px;
}
.headline h1 {
	margin:25px 0 10px 0;font-family:Lato;font-style:italic;letter-spacing:0.08em;color:#711f35;
}
@media(max-width:767px){
	.headline h1 {
	margin:46px 0 25px 0;font-family:Lato;letter-spacing:0.0em;color:#711f35;
}
}
.headline2 h1 {
	margin:0 0 15px 0;font-family:Lato;font-style:italic;color:#711f35;
}
@media (max-width:767px){
	.headline h1 {
	font-size:28px;
}
}
.text .shadow .headline h1 {
	margin:45px 0 25px 0;font-family:Lato;font-styl:italic;letter-spacing:0.10em;color:#3d6073;
}
h2 {
	color:#711f35;font-style:italic;
}
.modal-body h2{
	color:#711f35;
}
a.wichtig,button.terminbuchung-trigger {
	display:block;border:none;
	background:#ffb71c;color:#fff;text-align:center;width:100%;
}
h3 {
	margin:40px 0  25px 0;text-align:normal;font-family:"Open Sans";color:#711f35;font-style:italic;
}
.h1_small {
	font-size:16px;
}
.square {
    width: 10px;
    height: 10px;
    background-color: #711f35;
    border-width: 1px;
    border-style: solid;
    border-color: #711f35;
    display: inline-block;
    vertical-align: baseline;
    position: relative;
}
.separator-left {
   height: 1px;
position: absolute;
top: 50%;
 left: -80px;
width: 70px;
margin-top: -1px;
margin-bottom: 0;
}
.separator-right {
    height: 1px;
    position: absolute;
    top: 50%;
	left:15px;
	    width: 70px;
    margin-top: -1px;
    margin-bottom: 0;
}
.bg-theme {
    background-color: #711f35;
}


.separator-left,.separator-right{

height:1px;

background:#711f35;

border-bottom:1px solid #711f35;
}
@media (max-width:800px){
	body {
	background:#fff;
}
	
.col-md-8.text.shadow {
	padding:5px 0;border-radius:0;
}
	.desktop{
	display:none
	}
	button.btn.btn-primary.mobile,a.btn.btn-primary.mobile {
	background:#115514;color:#fff;border:#4f0c1d;margin-bottom:25px;
}
button.btn.btn-primary.mobile:hover,button.btn.btn-primary.mobile:focus ,button.btn.btn-primary.mobile:active {
	
	background:#273100;color:#fff;outline:none;
	}
	a.btn.btn-primary.mobile:hover,a.btn.btn-primary.mobile:focus ,a.btn.btn-primary.mobile:active {
	
	background:#273100;color:#fff;outline:none;
	}
a.btn.btn-default {
	border-radius:0;
}
	}
	@media(min-width:768px){
		.container.content.start.shadow {
	padding:45px 0;margin:55px auto;
}
.container.content{
	margin:0 auto 0 auto;
}
.text {
	padding-left:0%;padding-bottom:30px;
}
}

	@media(max-width:767px)and  (orientation:portrait){
	.desktop_p{
	display:none;
}

.col-md-4.logo img {
	width:100%;height:auto;max-width:240px;
}
}

@media(max-width:360px)and  (orientation:portrait){
	.smallscreen_p{
	display:none;
}
}
@media (max-width:767px) and (orientation:landscape){
	.mobile_l {
	display:none;
}
}
@media (min-width:768px){
	.mobile_l,.mobile,.container.mobile {
	display:none;
}
.logo {
	text-align:center;padding-top:35px;
}
}
@media (max-width:1023px){
	.tablet {
	display:none;
}
}
@media (max-width:400px){
	.umbruch {
	padding-left:42px;
}
}

@media(min-width:768px){
li.mobile,.mobile {
	display:none;
}

a.back-to-top {
  display:none;
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  position: fixed;
  z-index: 999;
  right: 50px;
  bottom: 90px;
  background: #712237 url("../img/up-arrow.png") no-repeat center 43%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
a:hover.back-to-top {
   background: #712237 url("../img/up-arrow-hover.png") no-repeat center 43%;
}
}
.modal-content {
	background:#fef8e9 !important;
}
.container-fluid.top.mobile{
margin-bottom:22px;
padding:8px 0;
	background:#711f35;
}
.container.mobile a{
	color:#fff;
}
/*Tabelle *******************************************************************/

table.sprechzeiten {
	width:100%;margin-top:35px;
}
table.sprechzeiten th {
	padding:5px;color:#fff;background:  #711f35;
}
table.sprechzeiten tr {
	padding:5px;color:#333;
}
table.sprechzeiten tr:hover {
	padding:5px;color:#fff;
}
table.sprechzeiten td {
	padding:5px;
}
@media (min-width:768px){
	table.vita {
	margin-top:35px;
}
}
table.vita td {
	color:#000;padding:5px 25px 5px 0;vertical-align:top;
}
tr:nth-child(even) {background: #faeed4;}
tr:nth-child(odd) {background: #fff;}
tr:hover td{
background:	#711f35;color:#fff;
}
td.right{
	text-align:right;
}
.rot {
	color:#e56d30;
}
p.fettgruen {
	font-weight:bold;color:#748a1d;
}
p.a_o,.a_o{
	margin-top:25px;
}
p.a_u,.a_u{
	margin-bottom:25px;
}
p.center {
	text-align:center;margin-bottom:25px;
}
.text ul li{
	padding:2px 0;
}
.col-md-12.center{
	text-align:center;
}

.hervor {
	color:#7e8d15;
}
.starttext p{
	color:#333;
}
p.klein {
	font-size:14px;
}
.col-md-5.center,.col-md-7.center{
	text-align:center;
}
img.rand {
	border: 1px dotted  #d58718;padding:5px;
}
@media (min-width:900px){
	img.a_o2{
	margin-top:130px;
}
}

.modal-body p{
	color:#333;
}
.modal-body a{
	color:#711f35;
}
p {
	 -moz-hyphens: auto;
  hyphens: auto;
}
.col-xs-12.team {
	text-align:center;
}
.col-xs-12.team img {
	width:100%;max-width:130px;height:auto;
}
.modal-title {
    color:#711f35;
}
.center {
	text-align:center;
}
/**Formular**/
#formular {
margin:20px 0 15px 0px;
padding: 10px 0px;
text-align: left;
border:1px solid #711f35;

font-size:90%;

}
@media (min-width:1170px){
	.col-md-8.text.formular{
	padding-left:100px;
}
#formular {
	padding: 10px 50px;
}
}


#formular p {
width: 100%;max-width:450px;
margin:0;
padding:10px 0 10px 0;
background-color: #fff;
	color:#333;
}
#formular p.rot{
background:transparent;
color:#f00;
font-weight:bold;
	}
fieldset {
margin: 0px 0px 10px 0px;
padding: 5px 10px;
border: 0px solid #711f35;
}
label{
    font-size:1.0em;
	background-color: #fff;
	color:#333;
	}
.label2{
	width:150px;
	}
label.zustimmung {
	font-weight:normal;margin-top:25px;
}
legend {font-size:1.0em;
width:100%;max-width:450px;
background-color:#711f35;
color: #fff;
padding: 6px 10px;

margin: 0 0 15px 0;
font-weight: normal;
}

form {
line-height: 150%;
}
.inpt {font-size: 1.0em;
width: 100%;max-width:450px;
border: 1px solid #711f35;
background-color: #fff;
color: #000;
margin: 2px 0;
padding:2px 5px;
}

 .txt {
padding:3px 5px;
width: 100%;max-width:450px;
border: 1px solid #711f35;
background-color: #fff;
color: #333;
margin:15px 0 10px 0;

}
.inpt:focus,input{
	border:1px solid #711f35;
}

input:focus {
    outline: none;
}

select {border: 1px solid #711f35;
margin: 10px 0px 0px 20px;
background-color: #fff;
color: #333;
width:8.0em;
}
input#zustimmung{
	float:left;
}
input[type=checkbox] {
    zoom: 2.5;
}
select:focus{
	background: #711f35;
color: #fff;
	}
#formular .senden {
width:100%;max-width:450px;
font-weight: bold;
margin: 15px 0px 0px 0px;
padding: 5px 0px 5px 0px;
background-color:#711f35;
color: #fff;
border-top:1px solid #f0f0f0;
    border-right:1px solid #474770; 
    border-bottom:1px solid #474770;
    border-left:1px solid #f0f0f0;
}
#formular .senden:hover
	{cursor:pointer;}
textarea {
padding:3px 5px;
width: 100%;max-width:450px;
border: 1px solid #711f35;
background-color: #fff;
color: #333;
margin:2px 0;

}
.url{
	display:none;
}
/********************************************************test***********************/


/* remove standard-styles */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}

input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    position: relative;
    top:4px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 1em;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background:#ddd;
  box-shadow: inset 0 0 0 2px white;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background:black;
  box-shadow: inset 0 0 0 2px white;
}