/*	css/styles-fonts.css	*/


/*** css/styles-fonts.css ***/

@import "//fast.fonts.net/cssapi/923895b4-12a5-4ed4-839f-81fd45f2afe3.css";
/*	css/styles.css	*/


/*** css/styles.css ***/

/* Layout Start */
.wrapper {
width:100%;
max-width:1200px;
margin-left:auto;
margin-right:auto;
position:relative;
box-shadow:0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22)
}
/* Layout Ende */
/* Header Start */
#logo {
width:100%;
height:auto;
max-width:400px;
margin:10px;
}
header {
background-color:#bbd0a6;
border-bottom:5px solid #283f47;
}
#top_yui-main {
margin-top:50px;
}
/* Content Start */
.main {
background-color:#fff;
min-height:1000px;
}
.content {
height:auto;
width:100%;
margin-left:1.5rem;
margin-right:1.5rem;
margin-top:1.5rem;
}
/** slider **/
.item > img {
margin-left:auto;
margin-right:auto
}
/** /slider **/
/** geschichte.php **/
.container .two-columns {
border-bottom:1px solid #d24229;
margin-bottom:22px;
}
/** /geschichte.php **/
/* slideshow */
.carousel,
.carousel-inner,
.item {
width:auto;
max-height:400px;
margin:0 auto;
}
.carousel {
-webkit-box-shadow:0px 9px 7px 0px rgba(40, 63, 71, 0.35);
-moz-box-shadow:0px 9px 7px 0px rgba(40, 63, 71, 0.35);
box-shadow:0px 9px 7px 0px rgba(40, 63, 71, 0.35);
margin-bottom:1.9rem
}
/* /slideshow */
/** kontakt.php **/
.form-horizontal {
margin-left:auto;
margin-right:auto;
margin-top:50px
}
.form-control {
color:#fff;
outline:none;
border:0;
border-radius:0px;
background-color:#283F47;
box-shadow:2px 2px #283F47;
transition:ease 1s;
background-size:200% 100%;
background-image:linear-gradient(to right, #283F47 50%, #D24229 50%);
transition:background-position 1s;
}
.form-control:focus {
background-position:-100% 0;
box-shadow:none;
}
select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
button {
border:0px;
height:40px;
width:140px;
color:#fff;
background-color:#283F47;
box-shadow:2px 2px #283F47;
transition:background 1s;
}
button:hover {
background-color:#D24229;
box-shadow:2px 2px #D24229;
}
/** /kontakt.php **/
/* Footer Start */
footer {
min-height:150px;
height:100%;
width:100%;
bottom:0;
background-color:#bbd0a6;
padding-top:20px;
padding-bottom:20px;
overflow:hidden;
display:flex;
justify-content:center;
flex-wrap:wrap;
align-content:center;
color:#283f47;
}
footer p,
footer a {
color:#283f47;
margin-left:5px;
margin-right:5px
}
.ft-item {
margin-left:10px;
margin-right:10px;
}
.ft-item > p {
color:#283f47;
}
.ft-item > a , .ft-item > a:active, .ft-item > a:link, .ft-item > a:visited {
color:#283f47;
}
a[href^="tel"]{
color:inherit;
text-decoration:none;
}
/*	css/styles-navi.css	*/


/*** css/styles-navi.css ***/

/**
* Navigation
*/
/* ----------- top_ Menues (Hauptmenu oben) ----------- */
#top_yui-main {
width:100%;
height:auto;
position:relative;
z-index:999;
}
ul.top_first-of-type {
margin:0;
padding:0;
width:auto;
}
li.top_yuimenubaritem {
text-decoration:none;
display:block;
float:left;
padding-left:1rem;
padding-right:1rem;
text-align:center;
}
div.top_yuimenubaritem {}
div.top_yuimenubaritem a, div.top_yuimenubaritem a:link, div.top_yuimenubaritem a:hover, div.top_yuimenubaritem a:active, div.top_yuimenubaritem a:visited {
color:#d04528;
font-size:1.1rem;
text-decoration:none;
font-family:verdana, arial, helvetica	, sans-serif;
font-weight:100;
}
li.top_yuimenubaritem_activ {
text-decoration:none;
display:block;
float:left;
padding-left:1rem;
padding-right:1rem;
text-align:center;
}
div.top_yuimenubaritem_activ {}
div.top_yuimenubaritem_activ a, div.top_yuimenubaritem_activ a:link, div.top_yuimenubaritem_activ a:hover, div.top_yuimenubaritem_activ a:active, div.top_yuimenubaritem_activ a:visited {
color:#283f47;
font-size:1.1rem;
text-decoration:none;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:100;
}
/* ----------- Menu Mobile ----------- */
#mobile-menu {
background-color:#bbd0a6;
display:none;
text-align:left;
}
ul.mob-first-of-type {
width:100%;
padding:0px;
margin:0;
list-style-type:none;
}
li.mob-yuimenubaritem {
display:inline-block;
width:100%;
min-height:70px;
border-top:1px solid #283f47;
padding:0;
}
div.mob-yuimenuimage {
display:inline-block;
margin-left:30%;
}
div.mob-yuimenubaritem {
display:inline-block;
padding-left:10px;
padding-top:15px;
}
div.mob-yuimenubaritem a, div.mob-yuimenubaritem a:link, div.mob-yuimenubaritem a:hover, div.mob-yuimenubaritem a:active, div.mob-yuimenubaritem a:visited {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.5rem;
text-decoration:none;
color:#ffffff;
}
li.mob-yuimenubaritem_activ {
display:inline-block;
width:100%;
min-height:70px;
border-top:1px solid #283f47;
padding:0;
}
div.mob-yuimenuimage_activ {
display:inline-block;
margin-left:30%;
}
div.mob-yuimenubaritem_activ {
display:inline-block;
padding-left:10px;
padding-top:15px;
}
div.mob-yuimenubaritem_activ a, div.mob-yuimenubaritem_activ a:link, div.mob-yuimenubaritem_activ a:hover, div.mob-yuimenubaritem_activ a:active, div.mob-yuimenubaritem_activ a:visited {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.5rem;
text-decoration:none;
color:#d24229;
}
/*	css/styles-mobile.css	*/


/*** css/styles-mobile.css ***/

/* Schmale Browser:wenn kleiner als 980 Pixel */
@media screen and (max-width:992px) {
/* ----------- top_ Menues (Hauptmenu oben) ----------- */
div.top_yuimenubaritem a,
div.top_yuimenubaritem a:link,
div.top_yuimenubaritem a:hover,
div.top_yuimenubaritem a:active,
div.top_yuimenubaritem a:visited {
font-size:1.2rem;
}
div.top_yuimenubaritem_activ a,
div.top_yuimenubaritem_activ a:link,
div.top_yuimenubaritem_activ a:hover,
div.top_yuimenubaritem_activ a:active,
div.top_yuimenubaritem_activ a:visited {
font-size:1.2rem;
}
div.second-yuimenubaritem a,
div.second-yuimenubaritem a:link,
div.second-yuimenubaritem a:hover,
div.second-yuimenubaritem a:active,
div.second-yuimenubaritem a:visited {
font-size:1.2rem;
}
div.second-yuimenubaritem_activ a,
div.second-yuimenubaritem_activ a:link,
div.second-yuimenubaritem_activ a:hover,
div.second-yuimenubaritem_activ a:active,
div.second-yuimenubaritem_activ a:visited {
font-size:1.2rem;
}
#top_yui-main {
height:40px;
margin-top:0;
}
}
/* iPhone und co.:wenn kleiner als 640 Pixel */
@media screen and (max-device-width:320px), screen and (max-width:640px) {
#mobile-menu-header {
display:block;
z-index:1000;
top:30px;
width:40px;
height:40px;
margin-right:3%;
}
#mobile-menu {
z-index:9999;
position:relative;
top:10px;
}
.mobile-menu-menu {
background-size:cover;
background-image:url(/dropnetimages/dropbox/standard/menu-white.png);
}
.mobile-menu-close {
background-size:cover;
background-image:url(/dropnetimages/dropbox/standard/menu-white-closer.png);
}
#top_yui-main {
display:none;
}
li.second-yuimenubaritem,
li.second-yuimenubaritem_activ {
width:50%;
display:inline-block;
}
footer p {
font-size:1.0rem
}
footer {
flex-direction:column;
}
header {
display:block
}
#logo {
width:80%;
}
}
/*	css/styles-cms.css	*/


/*** css/styles-cms.css ***/

* {
-moz-hyphens:auto;
-ms-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto;
}
html {
font-family:verdana, arial,helvetica,sans-serif;
font-size:16px;
hyphens:auto;
}
body {
background-color:#fff;
font-family:verdana, arial, helvetica, sans-serif;
font-size:1rem;
margin-bottom:15px;
margin-top:15px;
}
h1 {
color:#d24229;
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.8rem;
margin-bottom:1rem;
margin-top:0.5rem;
min-height:3rem;
padding:.5rem;
}
h2 {
color:#D24229;
display:inline-block;
font-family:verdana, arial,helvetica,sans-serif;
font-size:1.5rem;
margin:0;
margin-bottom:0.4rem;
padding:0.4rem 0.6rem;
}
h3 {
color:#D24229;
font-family:verdana, arial,helvetica,sans-serif;
font-size:1.8rem;
font-weight:normal;
line-height:2rem;
margin:0;
margin-bottom:1.2rem;
margin-top:1.5rem;
}
h4 {
color:#333333;
font-family:verdana, arial, helvetica, sans-serif;
font-size:1.3rem;
font-weight:normal;
line-height:1.6rem;
margin-bottom:0rem;
}
p {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1rem;
}
span {
font-family:verdana, arial,helvetica,sans-serif;
font-size:1rem;
}
div {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1rem;
}
li {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1rem;
}
td {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1rem;
}
th {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1rem;
}
blockquote {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1rem;
}
dd {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1rem;
}
label {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1rem;
}
a {
color:#d24229;
text-decoration:none;
}
a:link {
color:#D24229;
text-decoration:none;
}
a:visited {
color:#D24229;
text-decoration:none;
}
a:active {
color:#D24229;
text-decoration:none;
}
/*	css/styles-body.css	*/


/*** css/styles-body.css ***/

body {
background-color:#ccc;
}