/* ---------------------------------------------------------
CSS by 100pro.ch Webstudio Zurich, Switzerland
------------------------------------------------------------ */

/* DEFAULTS */

html{overflow-y: scroll;}

html,body{
  width: 100%;
  height: 100%;}

body {
  font-family: Ubuntu;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #444;
  text-align: left;
  background-color: #fff;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;}


.navbar-brand img {
  min-height: 100px;
  min-width: 100px;}


h1, h2, h3, h4, h5, h6 {
  font-family: oswald;
  letter-spacing: 0,1rem;}

p{text-align: justify;}

sup,sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;}

sup {bottom: 1ex;}
sub {top: .5ex;}


a, a:visited, a:hover{color: #993300;}

img{
max-width: 100%;
height: auto;}

table{border-collapse: collapse;}

.clearboth{
 clear: both;
 width: 100%;
 height: 1px;}

a.dropdown-item:visited{
  color: inherit !important;}


.btn, .btn:visited{
  background-color: #5d954f !important;
  color: white;}

footer .btn, footer .btn:visited{
  background-color: white !important;
  color: #444 !important;}
  
.hidden{
  visibility: hidden;}
  
  
/* LAYOUT */

.inhalt{
  min-height: 50vh;
}


.card-title{
  margin-top: 0.35rem;
  margin-bottom: 0;
}

section{
  padding-top: 30px;
  padding-bottom: 30px;
}
section.ab-oben-unten{}
section.ab-kein-unten{
  padding-top: 0px;
  padding-bottom: 30px;}
section.ab-kein-oben{
  padding-top: 30px;
  padding-bottom: 0px;
}

header{
  margin-top: -60px;
  padding-top: 9rem !important;}

section.green, .bgrgreen{
  background-color: #cfe8cf;}

section.weiss{
  background-color: white;}
  
footer{
  margin-top: 60px;
  padding: 20px 0;
  background-color:#A8C7A0;}  
  
footer a, footer a:visited{  
  color: inherit;}
  
footer .credits{
  text-align: center;
  margin-bottom: 30px;}

footer .backtop{
  text-align: center;}
  
@media (min-width: 768px){
footer .credits{
  text-align: left;
  margin-bottom: 0;}

footer .backtop{
  text-align: right;}
 
}  
  
/* SPECIALS */

.parallax-cta {
  background: url("/redaxo/theme/vorlage/assets/img/bg-masthead.jpg") no-repeat center center;
  background-size: cover;}