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

* {
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:none;
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:1.5;
    color:#333;
}


body {
	padding-top:31px;
}

body a {
	color:#333;
    text-decoration: none;
    outline:none;
}

html {
    min-height:110vh;
}

#main {
	margin-top: -5px;
}

p {
    margin-bottom: 15px;
}

h1, h2, h3 {
    text-align: left;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 16px;
}

#logo {
    margin-left: 10px;
}

.fa-phone {
	margin-right: 10px;
}

.fa-envelope {
	margin-right: 8px;
}
	
.fa-fax {
	margin-right: 7px;
}
	
.fa-home {
	margin-right: 9px;
}
	
.fa-mobile {
	margin-right:13px;
	font-size:19px;
}

.fa-circle {
	font-size: 10px;
	margin-right: 10px;
	vertical-align: middle;
}

.fa-map-marker {
	margin-right: 8px;
}

#blacktent {
    position: relative;
    bottom: 80px;
    left: 20px;
    height: 0;
    width: 0;
}


/* top and bottom lines*/
#topline {
	width:100%;
	background-color:#666;
	color:#fff;
	position:fixed;
	top:0px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	z-index:102;
}

#topline i {
	margin-left:15px;
}

#topline:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

#bottomline {
	width:100%;
	background-color:#666;
	color:#fff;
	position:fixed;
	bottom:-1px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	z-index:102;
}

#bottomline i {
	margin-left:15px;
}

#bottomline:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.line-contact {
	float:left;
}

.line-contact a {
	color:#fff;
	text-decoration:none;
}

.line-nav {
	float:right;
	color:#fff;
}

.line-nav ul li {
    list-style-type: none;
    float: left; 
    margin-right: 1em;
}

.line-nav a {
	margin-left:10px;
	color:#fff;
	text-decoration:none;
}

/* columns-layouts */

.fullwidth {
	width:100%;
	overflow-x:hidden;
}

.fixedwidth {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
    max-width: 100%;
}


.col {
	padding-top:25px;
	padding-bottom:25px;
	padding-left:10px;
	padding-right:10px;
    text-align: justify;
    overflow:hidden;
}

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


.col:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.col,.col-backgrd {
    overflow:hidden;
}


.col25 {
	width:25%;
	float:left;
	padding:10px 30px;
	background-color:transparent;
}

.col33 {
	width:33%;
	float:left;
	padding:10px 30px;
	background-color:transparent;
}

.col50 {
	width:50%;
	float:left;
	padding:10px 30px;
	background-color:transparent;
}

.col66 {
	width:66%;
	float:left;
	padding:10px 30px;
	background-color:transparent;
}

.col75 {
	width:75%;
    float:left;
	padding:10px 30px;
	background-color:transparent;
}

.col100 {
	width:100%;
	float:left;
	padding:10px 30px;
	background-color:transparent;
}

/* Bilderreihe über mehrere Spalten in einer Zeile ohne Abstände*/
.pictures {
    padding: 0px;
    margin: 0px;
}

/*Aufzählungen*/
.col ul {
	list-style-type: none;
	margin-top:30px;
	margin-bottom:30px;
}

.col li {
	line-height: 1.5;
	font-size: 18px;
	text-align:left;
	text-indent: -30px;
	padding-left: 30px;
    margin-bottom:10px;
}


.col li:before {
    font-family: FontAwesome;
	content: "\f046";
	margin-right:15px;
    color: #ef7e05;
    text-shadow: 1px 1px 0px #000;
}

/*Kontaktformulare*/
.wpcf7-text, .wpcf7-textarea {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-decoration:none;
	border: 1px solid #bcbcbc;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 12px;
    width:100%;
	border-radius: 0px 5px 0px 5px;
	transition: all 0.5s ease-in; /* explorer 10 */
    -webkit-transition: all 0.5s ease-in; /* chrome & safari */
    -moz-transition: all 0.5s ease-in; /* firefox */
    -o-transition: all 0.5s ease-in; /* opera */
}

.wpcf7-text:hover , .wpcf7-textarea:hover {
	background-color:#333;
	color:#fff;
}

.wpcf7-submit {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#fff;
	background-color:#333;
	padding:10px;
	border-radius: 0px 10px 10px 10px;
	border: 1px solid #bcbcbc;
	transition: all 0.5s ease-in; /* explorer 10 */
    -webkit-transition: all 0.5s ease-in; /* chrome & safari */
    -moz-transition: all 0.5s ease-in; /* firefox */
    -o-transition: all 0.5s ease-in; /* opera */
}

.wpcf7-submit:hover {
	color:#333;
	background-color:#fff;
}

.newsletter a {
display:none;
}

.newsletter i {
    font-size: 20px !important;
}


.scroll .newsletter a {
position:fixed;
text-decoration: none;
display: block;
top:40px;
right:20px;
color: #ef7e05;
border: solid 1px #14b4d1;
border-radius: 3px;
padding: 5px 10px;
background-color: rgba(0,0,0,.8);
z-index: 199;
}
	

/* styles */

.farbe1 {
    background-color: #fff;
    color: #000;
    text-align: justify;
}

.farbe2 {
    background-color: #000;
    color: #fff;
    text-align: justify;
}

.farbe3 {
    background-color: green;
    color: #000;
    text-align: justify;
}

.farbe4 {
    background-color: #de0000;
    color: #000;
    text-align: justify;
}

.farbe5 {
    background-color: #de0000;
    color: #000;
    text-align: justify;
}
	
.bild {
	background-size:100% auto;
    background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	min-height:400px;
}

.parallax, .zoom {
	color:#fff;
	min-height:400px;
    text-shadow: 2px 2px 2px #000;
}

.sohigh {
    height:600px;
}

.height100p {
    height:100vh;
}

.height100p .metaslider .slides img {
    min-width: 100vh;
    min-height: 100vh;
    display: block;
    object-fit: cover !important;
}


.height90p {
    height:90vh;
}

.height90p .metaslider .slides img {
    min-width: 90vh;
    min-height: 90vh;
    display: block;
    object-fit: cover !important;
}


.height80p {
    height:80vh;
}

.height80p .metaslider .slides img {
    min-width: 80vh;
    min-height: 80vh;
    display: block;
    object-fit: cover !important;
}


.height70p {
    height:70vh;
}

.height70p .metaslider .slides img {
    min-width: 70vh;
    min-height: 70vh;
    display: block;
    object-fit: cover !important;
}


.height60p {
    height:60vh;
}

.height60p .metaslider .slides img {
    min-width: 60vh;
    min-height: 60vh;
    display: block;
    object-fit: cover !important;
}


.height50p {
    height:50vh;
}

.height50p .metaslider .slides img {
    min-width: 50vh;
    min-height: 50vh;
    display: block;
    object-fit: cover !important;
}


.height40p {
    height:40vh;
}

.height40p .metaslider .slides img {
    min-width: 40vh;
    min-height: 40vh;
    display: block;
    object-fit: cover !important;
}


.height30p {
    height:30vh;
}

.height30p .metaslider .slides img {
    min-width: 30vh;
    min-height: 30vh;
    display: block;
    object-fit: cover !important;
}


.big-h2-left h2 {
    font-size: 50px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    float:left;
    text-align: center;
    width: 50%;
    min-height: 400px;
    padding: 0 20px;
}

.big-h2-left p {
    float:right;
    text-align: center;
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 400px;
    padding: 0 20px;
}

.big-h2-right h2 {
    font-size: 50px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    float:right;
    text-align: center;
    width: 50%;
    min-height: 400px;
    padding: 0 20px;
}

.big-h2-right p {
    float:left;
    text-align: center;
    width: 50%; 
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 400px;
    padding: 0 20px;
}

.nomargintop {
    margin-top: 0px!important;
}

.nomarginbottom {
    margin-bottom: 0px!important;
}

.vspace {
    margin-bottom:30px;
}

.transwhite {
    background-color:rgba(255,255,255,0.90);
}

.vspace-top {
    padding-top: 150px;
}

.hidden .col {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.darkgrey {
    background-color:#333;
    color:#fff;
}

.darkgrey h1, .darkgrey h2, .darkgrey h3, .darkgrey p, .darkgrey a {
    color:#fff;
}

.fixedimage {
    background-attachment: fixed;
}

.center {
    text-align: center;
}

.bottomborderwhite {
    border-bottom:2px solid #fff;
}

.bottomborderdark {
    border-bottom:2px solid #333;
}

.big {
    font-size: 18px;
}

.small {
    font-size: 11px;
}

.whitefont {
    color:#fff;
}

.backgrdleft {
    background-position: left;
    background-size: auto 100%;
}

.backgrdright {
    background-position: right;
    background-size: auto 100%;
}

.floatleft {
    float:left;
}
.floatright {
    float:right;
}

.contact {
    float:right;
}

/*------------------------------------------------------------------------*/

a.color {
    color:#ef7e05;
    background-color:#fff;
    border:1px #fff solid;
    padding: 5px;
    border-radius: 0px 5px 5px 5px;
    line-height: 2.5;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

a.color:hover {
    color: #fff;
    background-color: #333;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;   
}



/*To-Top-Button*/
.totop {
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
 
.scroll .totop {
    opacity: 1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.totop a{
    opacity: 0;
    position: fixed;
    bottom:50px;
    right:20px;
    background-color:#333;
    box-shadow: 1px 1px 2px #000;
    padding:15px;
    padding-left:0px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.scroll .totop a{
    opacity: 1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}


.totop i {
    color:#fff;
    font-size: 20px;
}

/* parallax */
.parallax-window {
	background: transparent;
	background-size: contain;
	background-position: top left;
}

/*responsive slider*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

/*Layerslider*/

.layertop {
    height:100vh;
    margin:0px;
    padding: 0px;
}
.layertop .col.fullwidth, .layertop .col100, .layertop p {
    margin:0px;
    padding:0px;
}

.bright {
    filter: brightness(100%);
}

layertop p {
    margin-bottom:0px;
    line-height: 0;
}

.layertop {
    margin-top: 28px;
    height: inherit;

}

img.layer-fullsize {
    min-width: 100vh !important;
    min-height: 100vh !important;
    display: block !important;
    object-fit: cover !important;
    width:auto !important;
    height:auto !important;
    top:0px !important;
    /*transform: translateX(-25%) !important;*/
}

/* navigation */
#naviplace {
	width:100%;
    z-index:102;
}

#naviplace:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

#logo {
	float:left;
}

#navigation {
	float:right;
}

/***Blog***/
.single-post .col25 li, .category .col25 li {
    list-style: none;
}
.single-post .col25 li::before, .category .col25 li::before {
    display: none;
}

.category .headline {
    width: 1200px;
    max-width: 100vw;
    max-height: 150px;
    margin-left:-30px;
    font-size: 120px;
    visibility: initial;
    top: calc(50% - 200px);
}

.category.scroll .headline {
    font-size: 50px;
    margin-bottom: 20px;
    margin-top: -15px;
    text-align: center;
} 


.category .col75 h2:before, .single-post. col75 h2:before {
    clear:both;
    content: '';
    display: block;
    float: none;
    width: 100%;
}


.category h2, .single-post h2 {
    font-size: 25px;
}

.category .col75 img {
    width: 25%;
    margin: 0px;
    padding-right: 20px;
    float: left;
}

.category .col75 .preview {
    float:left;
    width: 75%;
    margin-bottom: 70px;
    min-height: 190px;
}

.category h2::after, .single-post h2::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #333;
}

.category .col75 p, .single-post .col75 p {
    margin: 0 !important;
}

.category #blacktent img {
    float: none;
    padding-top: 0px;
}

.category .col75 a, .single-post .col75 a {
    float: none;
    display: block;
    clear: both;
    margin-bottom: 25px;
    color: #00a1ca;
    text-decoration: none;
}

.category .col25 h3, .single-post .col25 h3  {
    font-size: 25px;
    font-weight: 300;
    border-bottom:1px solid #333;
}

.category .col25 li, .single-post .col25 li{
    text-indent: 0px;
    padding-left: 0px;
}

.category .col25 a, .single-post .col25 a{
    color: #333;
    text-decoration: none;
}

.category .col25 a::before, .category .col75 a::before, .single-post .col25 a::before, .single-post .col75 a::before {
    font-family: FontAwesome;
	content: "\f0da";
	margin-right:10px;
    font-size:14px;
    opacity: 0.3;
}

.category .col25 a:hover, .category .col75 a:hover, .single-post .col25 a:hover, .single-post .col75 a:hover {
    font-weight: 600;
}

.category .col25 ul#menu-blog-kategorie-menue, .single-post .col25 ul#menu-blog-kategorie-menue {
    margin-top:0px;
}

.category input#submit, .single-post input#submit {
    padding: 10px;
    background-color: transparent;
    margin-top: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    background-color: #008db1;
    border:1px solid #008db1;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out; 
}

.category input#submit:hover, .single-post input#submit:hover {
    color: #008db1;
    background-color: #fff;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out; 
}
    

.category .facebook .fa, .single-post .facebook .fa {
    color: #999;
    font-size: 35px;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out; 
}

.category .facebook .fa:hover, .single-post .facebook .fa:hover {
    color: #3b5998;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out; 
}


.category .fb-sidebar .facebook .fa, .single-post .fb-sidebar .facebook .fa {
    font-size: 50px;
    text-align: center;
}

.category a.nocontent::before {
    content: none;
}


a.facebook::before {
    content: none !important;
}

.category .first, .single-post .first {
    height: 50vh;
    filter: brightness(100%);
}

.single-post  textarea#comment {
    max-width: 100%;
}

.single-post label {
    display: block;
}

/***Superfish***/

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #000;
	font-size:16px;
    font-weight: normal;
}

.sf-menu li {
	position: relative;
}

.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** Untermenues ***/
.sf-menu ul {
	border: none;
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 199;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 120px; /* allow long menu items to determine submenu width */
	*width: 120px; /* no auto sub width for IE7, see white-space comment below */
}


.sf-menu a {
	text-decoration: none;
	zoom: 1; /* IE7 */
	padding-left:15px;
	padding-right:15px;
	padding-top:7px;
	padding-bottom:7px;
	transition: all 0.5s ease-in; /* explorer 10 */
    -webkit-transition: all 0.5s ease-in; /* chrome & safari */
    -moz-transition: all 0.5s ease-in; /* firefox */
    -o-transition: all 0.5s ease-in; /* opera */
}

.sf-menu a:hover {
    background-color: #000;
    color: #fff;
}

.current-menu-item>a, .current-menu-parent>a {
    font-weight: bold;
}


.sf-menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
}

.sf-menu ul li {
	background-color: #fff;
}
.sf-menu ul ul li {
	background: #fff;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li.current {
	/*padding-bottom: 15px;*/
	text-decoration:none;
}

/* mobile menues*/
.mob-n-btn {
	display: none;
}

.mid-n-btn {
	display: none;
}

/*animate*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}



@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}


/*smooth-slider*/
/* Outer Container */
.smoothslides, .smoothslides-on {
	position:relative;
	font-size:0;
	line-height: 0;
	min-height: 40px;
	border-radius: 6px;
}
/* Outer Container Background (visible while loading) */
.smoothslides {
	background:rgba(255,255,255,.5);
}
/* Hide images until loaded */
.smoothslides img {
	display:none;
}

/* Loading animation keyframes */ 
@keyframes throb {
	0% {
		opacity:0;
		transform:scale(1);
	}
	50% {
		opacity:1;
		transform:scale(.2);
	}
	100% {
		opacity:0;
		transform:scale(1);
	}
}
@-webkit-keyframes throb {
	0% {
		opacity:0;
		-webkittransform:scale(1);
	}
	50% {
		opacity:1;
		-webkittransform:scale(.2);
	}
	100% {
		opacity:0;
		-webkittransform:scale(1);
	}
}
/* Loading animation */
.smoothslides:before {
	content:'';
	position: absolute;
	width:8px;
	height:8px;
	left:50%;
	top:50%;
	margin-left:-4px;
	margin-top:-4px;
	animation: throb 1s infinite;
	-webkit-animation: throb 1s infinite;
}

/* wrapper around all slides */
.ss-slide-stage {
	position: relative;
	overflow: hidden;
	/* This fixes the bug in chrome where border-radius doesn't work with overflow hidden */
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

/* wrapper around each slide */
.ss-slide {
	position: absolute;
	top:0;
	left:0;
	transform-origin:center;
	display: block;
	width:100%;
	zoom: 1;
}
.ss-slide img{
	height:auto;
	/* max-width, or width gets set via JS */
}
/* Caption wrapper. Used for centering */
.ss-caption-wrap {
	position: absolute;
	bottom:0;
	width:100%;
	padding:0 5px 5px 5px;
	text-align:center;
	box-sizing:border-box;
}

/* Caption */
.ss-caption {
	min-height:50px;
	background:rgb(255,255,255);
	background: rgba(255, 255, 255, 0.87);
	color: #5A5A5A;
	text-shadow: 0 0 10px #fff;
	font-size:14px;
	font-weight: bold;
	line-height: 1.4em;
	padding-top:15px;
	box-sizing:border-box;
	font-family: Veranda, sans-serif;
}

/* Previous and Next buttons */
.smoothslides-on a.ss-prev, .smoothslides-on a.ss-next {
	position: absolute;
	bottom:5px;
	left:5px;
	font-size:14px;
	line-height: 1em;
	color:#A1A1A1;
	text-decoration: none;
	background:#fff;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	opacity:.5;
	transition:.2s ease-out;
	font-family: sans-serif;
}

.smoothslides-on  a.ss-next {
	left:auto;
	right:5px;
}
/* Highlight nav btns when hovering over the slideshow */
.smoothslides-on:hover .ss-prev, .smoothslides-on:hover .ss-next {
	opacity: 1;
}

.smoothslides-on .ss-prev:hover, .smoothslides-on .ss-next:hover {
	background:#fff;	
	color:#000;
}

/* Pagination wrapper. Used for centering */
.ss-paginate-wrap {
	position: absolute;
	bottom:-30px;
	width:100%;
	text-align:center;
}
.ss-paginate {
	display: inline-block;
	line-height: 0;
}
/* Pagination dots */
.ss-paginate a:link, .ss-paginate a:visited {
	display: inline-block;
	width: 16px;
	height: 4px;
	border-radius: 10px;
	margin: 0 5px;
	background:#ccc;
	background: rgba(0,0,0,.1);
	border: 2px solid #fff;
	transition: .3s;
}
.ss-paginate a:hover {
	background:#ddd;
	background:rgba(0,0,0,.3);
}
.ss-paginate a.ss-paginate-current {
	background:#000;
	background: rgba(0,0,0,.5);
}

/*Fehlermeldungen Kontaktformular*/
div.wpcf7-validation-errors {
    border: 2px solid #e12e3a;
}

/*Pflichtfeldhinweis Kontaktformular*/
.contactf-small {
    font-size: 9px;
    font-style:italic;
    float: right;
}
/*gecentertes Kontaktformular mit dunklem Hintergrund*/
.centercontact h2, .centercontact p, .centercontact a {
    color: #fff;
}


.centercontact .wpcf7-text, .centercontact .wpcf7-textarea {
    padding:6px;
    color:#fff;
    background-color:transparent;
    
}

.center .wpcf7-text:hover, .centercontact .wpcf7-textarea:hover {
    background-color:transparent;
    color: #fff;
}

.centercontact .wpcf7-submit {
    background-color: transparent;
    border-radius: 0px;
    color: #fff;
    border: 2px solid #fff;
}

.centercontact .wpcf7-text, .centercontact .wpcf7-textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 0px;
    padding: 12px;
    width: 100%;
    border: 2px solid #fff;
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    border-radius: 0px;
}
.centercontact .wpcf7-response-output {
    color: #fff !important;
}


/* changes for smaller screens */
@media (max-width: 600px) {
	.ss-paginate-wrap {
		bottom:-35px;
	}
	.ss-caption {
		min-height:0;
		padding:5px;
		font-size:12px;
	}
	a.ss-prev, a.ss-next {
		bottom:auto;
		top:50%;
		margin-top:-25px;
		color:#000;
		background:rgba(255,255,255,.3);
		color:#444;
	}
	.smoothslides-on, .ss-slide-stage {
		border-radius:0;
	}
}