@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Roboto', sans-serif;
	font-size:1rem;
}

body.plus {
	font-size:1.1rem;
}

body.plusplus {
	font-size:1.2rem;
}

/* Logo */

.navbar .navbar-brand {
	display:none;
}

.navbar-brand {
    padding-top: .25em;
    padding-bottom: .25rem;
    margin-right: 1rem;
    font-size: 1.35rem;

}

.navbar-brand img {
    max-width: 20rem;
    margin-right: 2rem;
}

.navbar-shrinked .navbar-brand img {
	max-width: 16rem;
    margin-right: 3rem;
	transition:.5s ease-in-out;
	margin-top:2rem;
}

/* Schriftvergrösserung */

.button_normal {
	display:block;
	float:right;
	width:17px;
	height:22px;
	background-image:url(../images/font_size-bg.png);
	background-size:100% 100%;
	cursor:pointer;
	margin-top:10px;
	padding:4px;
}

.button_plus {
	display:block;
	float:right;
	width:17px;
	height:22px;
	background-image:url(../images/font_size_p-bg.png);
	background-size:100% 100%;
	cursor:pointer;
	margin-top:10px;
	padding:4px;
}

.button_plusplus {
	display:block;
	float:right;
	width:17px;
	height:22px;
	background-image:url(../images/font_size_pp-bg.png);
	background-size:100% 100%;
	cursor:pointer;
	margin-top:10px;
	padding:4px;
}

.navbar-shrinked .button_normal,
.navbar-shrinked .button_plus,
.navbar-shrinked .button_plusplus {
	margin-top:30px;
	transition:.5s ease-in-out;
}

.button_normal:hover,
.button_plus:hover,
.button_plusplus:hover {
	background-color:#ddd;
}

/* Navigation */

.navbar-user.small {
	font-size:90%;
}

.smartmenus {
	margin-top:0.25rem;
}

.smartmenus li {
	font-size:1.2rem;
	font-weight:500;
}

.navbar-light .navbar-nav .nav-link {
	color:#31608e;
	padding:.5rem 1.25rem;
}

.smartmenus li:first-child .nav-link {
	padding-left:0;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color:#31608e;

}

/* slider */

.jumbotron {
    text-align: center;
    text-transform: none;
    color: #fff;
}


.hero .flexslider .slides > div > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;

}

.hero .flexslider .caption {
    margin-top:12rem;
    background: none;
    width:100%;
	text-align:center;
}

.jumbotron {
    text-align: center;
    text-transform: none;
    color: #fff;
	background-size:contain;
}

.hero.big {
	position:relative;
}

.hero .flexslider .caption .title {
	font-family: 'Roboto Slab', serif;
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 3rem;
    margin-bottom: .7rem;
	    text-shadow:1px 1px 2px #333;
	color:#fcde05;

}

.hero .flexslider .caption .description {
	color:#fff;
	font-size:1.5rem;
}

.hero-links {
	position:absolute;
	bottom:1rem;
	left:0;
	width:100%;
	height:auto;
	z-index:9999;
	display:none;
	text-align:center;
}

#page_4 .hero-links {
	display:block;
}

.hero.big .hero-links a,
.hero.big .hero-links a:visited {
	color:#fff;
	text-transform:uppercase;
	font-size:1.3rem;
}


.aktuell, .events {
	padding: .5rem 1rem;
	font-size: 1.1875rem;
	line-height: 1.5;
	border-radius: .5rem;
	border:2px solid #31608e;
	box-sizing:border-box;
	cursor:pointer;
	background-color:rgba(130,181,221,0.85);
}

.aktuell:hover, .events:hover {
	background-color:#31608e;
}

.jumbotron.big .hero-links .aktuell:hover a, .jumbotron.big .hero-links .events:hover a {
	color:#252525;
	text-decoration:none;
}

.aktuell {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right:none;
}

.events {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.jumbotron {
	padding:10rem 2rem;
	background-size:cover !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color:#82b5dd;
}

.jumbotron h1, .jumbotron h2, .jumbotron h3 {
    text-shadow:1px 1px 2px #333;
	color:#fcde05;
	font-weight:400;
}

#page_193 .jumbotron h1 {
	color:#fff;
	padding-top:2rem;
}

#page_193 .btn-group,
#page_193 #c1514 {
	margin-bottom:2rem;
}

.alert-info {
	color: #333;
	background-color:#82b5dd;
	border-color:#31608e;
}

.badge-info {
    color: #fff;
    background-color:#82b5dd;
}

.btn-success{
    color: #fff;
    background-color:#31608e;
    border-color:#31608e;
}

.btn-success:hover {
	background-color:#31608e;
}

.btn-info {
    color: #fff;
    background-color:#82b5dd;
    border-color:#31608e;
}

.btn-info:hover {
	color: #fff;
	background-color:#82b5dd;
	border-color:#31608e;
}

/* Inhalte */

main {
    padding-top: 2rem;
	padding-bottom:1rem;
}

.h1-mb {
    margin-bottom: 1.25rem;
}

h1 {
	
	color:#82b5dd;
	font-size:2.25rem;
	margin-bottom:1.5rem;
	text-shadow: 1px 1px 1px #333;
	font-weight:400;
}

.h2-mb {
    margin-bottom:0.35rem;
}

h2 {
	font-family: 'Roboto Slab', serif;
	font-size:1.35rem;
	color:#31608e;
	font-weight:700;
}

h3 {
	font-size:1.1rem;
}

a {
  color:#31608e;
}

.accordion a {
	color: darkred;
}

p.main {
	color:#900;
}

.news .news-list-view p {
	margin-bottom:0.25rem;
}

.image a::before {
	display:none;
}

.frame-space-after-small {
	margin-bottom:.5rem;
}

.frame-type-div.frame-space-after-small {
    margin-bottom: .5rem;
}

.frame-type-div.frame-space-before-small {
    margin-top: .5rem;
}


#page_187 img {
	border:1px solid #888;
-webkit-box-shadow: 2px 2px 4px 0 #696969;
box-shadow: 2px 2px 4px 0 #696969;
}

/* Visitenkarte */

html[lang="de"] .bs-example::after {
    content: "";
}

.bs-example {
    position: relative;
    padding: 15px ;
}

/* Tabellen */

table {
	 -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

/* Accordion */

.accordion .card-header {
	padding-right: 3rem;
}

iframe {
	width:100%;
}

/* footer */

.footer-section {
	border-top: 1px solid #ddd;
	padding-top: 2rem;
	padding-bottom: 0;
	margin-top: 2rem;
	background-color: #F0F2F7;
}

#footer .small {
	font-size:90%;
}

#footer h4 {
	text-transform:uppercase;
	font-weight:300;
	color:#31608e;
}

@media only screen and (max-width:1580px) {
.hero .flexslider .caption {
    margin-top:11%;
}
}

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

.hero .flexslider .caption {
    margin-top:8%;
}

.smartmenus li {
	font-size:1rem;
	font-weight:400;
}

.navbar-light .navbar-nav .nav-link  {
	padding:.5rem 0.8rem;
}

}

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

.jumbotron.big {
	min-height:16rem;
}	

.hero .flexslider .caption {
    margin-top:6%;
}

}

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

.navbar .navbar-brand {
	display:block;
}

}

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

.hero .flexslider .caption .title {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: .5rem;
}

.hero .flexslider .caption .description {
	font-size:1.35rem;
}

.hero.big .hero-links a {
	font-size:1.15rem;
}

.h1-mb {
    margin-bottom:.75m;
}

h1 {
	font-size:1.75rem;
	margin-bottom:1rem;
}


h2 {
	font-size:1.25rem;
}

h3 {
	font-size:1.1rem;
}

table td {
	font-size:0.9rem;
	
}
}

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

.hero .flexslider .caption .title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: .35rem;
}

.hero .flexslider .caption .description {
	font-size:1.1rem;
}

.hero.big .hero-links a {
	font-size:1rem;
}

.aktuell, .events {
    padding: .25rem .5rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: .3rem;
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

h1 {
	font-size:1.35rem;
	margin-bottom:1rem;
}

table td {
	font-size:0.75rem;
	
}
}