html, body {width: 100%; height: 100%;}
body {background-color:white; font-family: "Myriad Pro","Myriad","Helvetica Neue",Helvetica,Arial,sans-serif; height:100%; font-size:16px;}
a:hover {text-decoration: none;}
.btn-primary {background-color:#68A728; border-color:#6EB02A;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active {background-color:#E40613; border-color:#B0050F;}
/************ Header-Zeile1 *************/
.header-zeile-1 {height:200px; overflow:hidden;}
/************ Navigation *************/
.navbar {background-color: #68A728; margin-bottom:0px;}
.navbar-default .navbar-brand {color: white;}
.navbar-default .navbar-brand:hover {color:black;}
.navbar-right {text-align: left; color: white; font-weight: bold;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #E30713; background-color: transparent;}
@media only screen and (min-width: 768px) {
.navbar {height:50px;}
.navbar-brand {font-size: 24px; line-height: 23px; padding: 20px 16px 0px 16px; font-weight: bold; color: white; text-decoration: none;}
.navbar-brand img {height:62px; width: auto;}
.navbar-default .navbar-nav > li > a {font-size: 14px; line-height: 23px; padding: 20px 16px 0px 16px; font-weight: bold; color: white; text-decoration: none;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: #6DAF2A;}
.dropdown-menu {min-width:225px; background-color: #6DAF2A;}
.dropdown-menu > li > a {text-align:center; font-size:18px; line-height: 23px; font-weight: bold; padding: 10px 20px; color:white;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color:#E30713; background-color: #6DAF2A;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: #6DAF2A;}
.navbar-right {margin-right: -30px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: -30px;}
}
@media only screen and (min-width: 983px) {
.navbar {height:60px;}
.navbar-brand {font-size: 36px;}
.navbar-default .navbar-nav > li > a {font-size: 18px; }
}
@media only screen and (max-width: 767px) {
.navbar-default .navbar-nav > li > a {color: white; text-decoration: none;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:white; font-size:14px; font-weight:bold;}
}
/************ Startseite *************/
.page-header {border-bottom: 0px;}
.zeile {padding: 25px 0;}
.starts-z1 h1 {color:#E30713; text-align:center; font-size: 72px;}
.art-thumb {overflow:hidden;}
.starts-z2 h1 {color:#81DF42; text-align:center; font-size: 72px;}
.starts-z2 .carousel-control.left {background-image: none;}
.starts-z2 .carousel-control.right {background-image: none;}
.starts-z2 .carousel-control {width: 15%; text-shadow: 0px 0px 0px rgb(0, 0, 0); opacity: 0.7;color: #81DF42;}
.starts-z2 .carousel-indicators .active {background-color: #81DF42;}
.starts-z2 .carousel-indicators li {border: 1px solid #81DF42;}
@media only screen and (min-width: 983px) {
.starts-z2 .carousel-control.left {left: -20px;}
.starts-z2 .carousel-control.right {right: -20px;}
.starts-z2 .carousel-control {width: 0%;}
}
.starts-z3 h1 {color:#60A1BC; font-size: 48px;}
.leben h2 {color:#81DF42; text-align:center;}
.wirtschaft h2 {color:#60A1BC; text-align:center;}
.genuss h2 {color:#F04C2C; text-align:center;}
.events {
position: relative;
padding: 45px 15px 15px;
margin: 0px -15px 15px;
border-color: #E5E5E5 #EEE #EEE;
border-style: solid;
border-width: 1px 0px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05) inset;
}
@media only screen and (min-width: 768px) {
.events {
margin-right: 0px;
margin-left: 0px;
background-color: #FFF;
border-color: #DDD;
border-width: 1px;
border-radius: 4px 4px 0px 0px;
box-shadow: none;
}
}
/* image thumbnail */
.thumb {
display: block;
width: 100%;
margin: 0;
}
/* Style to article Author */
.by-author {
font-style: italic;
line-height: 1.3;
color: #aab6aa;
}
/* Main Article [Module]
-------------------------------------
* Featured Article Thumbnail
* have a image and a text title.
*/
.featured-article {
height: 350px;
position: relative;
margin-bottom: 1em;
overflow:hidden;
}
.featured-article .block-title {
/* Position & Box Model */
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
/* background */
background: rgba(0,0,0,0.7);
/* Width/Height */
padding: .5em;
width: 100%;
/* Text color */
color: #fff;
}
.featured-article .block-title h2 {
margin: 0;
}
/* Featured Articles List [BS3]
--------------------------------------------
* show the last 3 articles post
*/
.main-list {
padding-left: .5em;
}
.main-list .media {
padding-bottom: 1.1em;
border-bottom: 1px solid #e8e8e8;
}
/************ Artikel *************/
.artikel {margin-bottom: 20px; background-color: #FFF; border: 1px solid transparent; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); height: 620px;}
.artikel-default {border-color: #DDD;}
.artikel-body {padding:15px; font-size:14px; height: 208px;}
.artikel-footer {padding: 10px 15px; background-color: #F5F5F5; border-top: 1px solid #DDD; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; text-align:center;}
.fa {display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1;}
@import url("http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
.artikel-image {position: relative;}
.artikel-image img.artikel-image-preview {width: 100%; height:auto; border-radius: 4px 4px 0px 0px;}
.artikel-image label {display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%;}
.artikel-heading ~ .artikel-image img.artikel-image-preview {border-radius: 0px;}
.artikel-body {overflow: hidden;}
.artikel-image ~ input[type=checkbox] {position:absolute; top:- 30px; z-index: -1;}
.artikel-image ~ input[type=checkbox] ~ .artikel-body { height: 0px; padding: 0px;}
.artikel-image ~ input[type=checkbox]:checked ~ .artikel-body {height: auto; padding: 15px;}
.artikel-image ~ .artikel-footer a {padding: 0px 10px; font-size: 1.3em; color: rgb(100, 100, 100);}
/************ Footer *************/
#footer {
min-height: 260px;
margin-top: 0px;
background-color: rgb(12, 101, 150);
color: #FFF;
padding-top: 15px;
font-size:14px;
}
#footer a{color:#BFBFBF;}
#mail {display:none;}
#footer .contact input[type="text"], #footer .contact textarea {
border: medium none;
background-color: white;
color: #868687;
padding: 8px 20px;
border-radius: 3px;
font-size: 14px;
font-family: Lato !important;
width: 95%;
transition: background-color 0.2s linear 0s;
margin-bottom: 10px;
}
#footer .contact input[type="submit"] {
background-color: white;
color:black;}
/* ------------------- Social-Share-Plugin ------------------- */
.social-share-plugin {padding: 10px 0; margin: 25px 0; border-top: 1px solid grey; border-bottom: 1px solid grey;}
a.facebook {color: #3A5795; padding-right:25px;}
a.facebook:hover {color: #4060A5;}
a.twitter {color:#28A9E0; padding-right:25px;}
a.twitter:hover {color: #2396C6;}
a.googleplus {color:#DC4A38; padding-right:25px;}
a.googleplus:hover {color: #C24132;}
a.instagram {color:grey; padding-right:25px;}
a.instagram:hover {color:darkgrey;}
a.pinterest {color:#BD081C; padding-right:25px;}
a.pinterest:hover {color:#A30718;}
a.tumblr {color:#32405A; padding-right:25px;}
a.tumblr:hover {color:#242E40;}
a.mail {color:grey;}
a.mail:hover {color:darkgrey;}