/* merriweather-sans-regular - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.kiyan.rocks/webfonts/merriweather-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.kiyan.rocks/webfonts/merriweather-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.kiyan.rocks/webfonts/merriweather-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.kiyan.rocks/webfonts/merriweather-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.kiyan.rocks/webfonts/merriweather-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.kiyan.rocks/webfonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-800 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 800;
  src: url('https://www.kiyan.rocks/webfonts/merriweather-sans-v13-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.kiyan.rocks/webfonts/merriweather-sans-v13-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.kiyan.rocks/webfonts/merriweather-sans-v13-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.kiyan.rocks/webfonts/merriweather-sans-v13-latin-800.woff') format('woff'), /* Modern Browsers */
       url('https://www.kiyan.rocks/webfonts/merriweather-sans-v13-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.kiyan.rocks/webfonts/merriweather-sans-v13-latin-800.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

html {
}

body {
margin: 0;
padding: 0;
font-family: 'Merriweather Sans', sans-serif;
font-size: 100%;
line-height: 1.6em;
text-align: center;
color: #000000;
background-color: #FFFFFF;
}

h1.start {
display: none;
}

h1 {
font-size: 190%;
line-height: 1.2em;
font-family: 'Merriweather Sans', sans-serif;
font-weight: 800;
text-transform: uppercase;
margin: 0;
padding: 0;
margin-bottom: 15px;
}

h2, h3 {
font-size: 190%;
line-height: 1.2em;
font-family: 'Merriweather Sans', sans-serif;
font-weight: 800;
text-transform: uppercase;
margin: 0;
padding: 0;
margin-top: 50px;
margin-bottom: 15px;
}

h2.hlslider {
margin-top: 0;
margin-bottom: 25px;
font-size: 1.7vw;
line-height: 1.2em;
}

h2.startbild {
font-size: 360%;
line-height: 1.2em;
margin-top: 0;
}

h2.startbildright {
font-size: 360%;
line-height: 1.2em;
margin-top: 0;
color: #000000;
}

h2.weitere {
margin-top: 30px;
}

h2.galerie {
font-size: 150%;
line-height: 1.2em;
margin-top: 0;
}

h2.footer {
margin-top: 0;
margin-bottom: 0;
}

h3.footer {
font-size: 100%;
line-height: 1.6em;
font-weight: 400;
text-transform: none;
margin-top: 0;
margin-bottom: 0;
}

a {
color: #666666;
text-decoration: none;
}

a:hover {
color: #000000;
text-decoration: underline;
}

p {
margin: 0;
padding: 0;
}

input, select {
font-family: 'Merriweather Sans', sans-serif;
font-size: 100%;
font-weight: 300;
color: #6D6F71;
border: 1px solid #6D6F71;
box-sizing: border-box;
padding: 10px 2%;
width: 49.5%;
margin-bottom: 10px;
text-align: left;
}

.inputfileupload {
font-family: 'Merriweather Sans', sans-serif;
font-size: 100%;
font-weight: 300;
color: #6D6F71;
border: 1px solid #6D6F71;
box-sizing: border-box;
padding: 8px 2%;
width: 49.5%;
margin-bottom: 9px;
text-align: left;
}

input[type='checkbox'] {
padding: 0;
margin: 0;
width: 20px;
cursor: pointer;
}

input[type="file"] {
display: none;
}

textarea {
font-family: 'Merriweather Sans', sans-serif;
font-size: 100%;
line-height: 1.5em;
color: #6D6F71;
border: 1px solid #6D6F71;
box-sizing: border-box;
padding: 10px 2%;
width: 100%;
margin-bottom: 10px;
}

input:hover, select:hover, textarea:hover {
color: #000000;
border: 1px solid #000000;
}

.button {
font-family: 'Merriweather Sans', sans-serif;
font-size: 100%;
font-weight: 300;
color: #FFFFFF;
border: 1px solid #6D6F71;
box-sizing: border-box;
cursor: pointer;
color: #FFFFFF;
background-color: #6D6F71;
margin-top: 30px;
padding: 8px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
text-align: center;
}

.button:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #000000;
border: 1px solid #000000;
}

.formleft {
float: left;
}

.formright {
float: right;
}

.captcha {
float: right;
border: 1px solid #6D6F71;
box-sizing: border-box;
width: 49.5%;
}

.hidden, .formsubject {
display: none;
}

img {
border: none;
}

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

.imgsizemax {
width: 100%;
height: auto;
}

ul.liste {
list-style-type: disc;
list-style-position: outside;
padding: 0;
margin-left: 20px;
text-align: left;
}

ul.liste li {
padding-left: 10px;
}

#clear {
clear: both;
}

.wehinweis {
display: none;
}

/**************************************************************************************/

#edittrenner {
margin-top:70px;
margin-bottom: 30px;
background-color: #FF0000;
padding: 5px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}

#edittrenner2 {
margin-top:70px;
margin-bottom: 30px;
background-color: #444444;
padding: 5px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}

#edittrenner3 {
margin-top:70px;
margin-bottom: 30px;
background-color: #888888;
padding: 5px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}

/**************************************************************************************/

#container {
margin: 0em auto;
width: 1400px;
text-align: center;
}

/**************************************************************************************/

header {
position: fixed;
top: 0;
width: 100%;
height: 90px;
background-color: #000000;
z-index: 20;
}

/**************************************************************************************/

#standort {
top: 10px;
left: calc((100vw - 1400px) / 2);
z-index: 25;
position: fixed;
font-size: 80%;
line-height: 1.4em;
color: #FFFFFF;
}

#standort a {
color: #FFFFFF;
}

#naviicon {
top: 22px;
right: calc((100vw - 1400px) / 2);
z-index: 40;
position: fixed;
}

.icon {
display: block;
height: 32px;
width: 32px;
}

.menuline {
background-color: #FFFFFF;
transition: 0.6s ease;
transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
margin-top: 6px;
position: absolute;
display: block;
}

.topline {
top: 5px;
width: 32px;
height: 2px;
border-radius: 10px;
background-color: #FFFFFF;
}

.midline {
top: 13px;
width: 32px;
height: 2px;
border-radius: 10px;
background-color: #FFFFFF;
}

.bottomline {
top: 21px;
width: 32px;
height: 2px;
border-radius: 10px;
background-color: #FFFFFF;
}

.topanimate {
background: #FFFFFF !important;
top: 13px !important;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.midanimate {
opacity: 0;
}

.bottomanimate {
background: #FFFFFF !important;
top: 13px !important;
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg);
}

/**************************************************************************************/

#mainnavi {
z-index: 30;
position: fixed;
top: 0;
width: 100%;
}

#navi {
top: 0;
left: 0;
display: none;
width: 100%;
color: #FFFFFF;
background-color: #000000;
border-bottom: 1px solid #FFFFFF;
position: fixed;
padding: 20px 0;
z-index: 30;
}

ul.mainnavilist li {
padding: 5px 10px;
text-transform: uppercase;
}

ul.mainnavilist li a {
color: #FFFFFF;
padding: 3px 35px;
background-color: #000000;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
}

ul.mainnavilist li a:hover {
text-decoration: none;
background-color: #6D6F71;
}

nav {
position: fixed;
top: 90px;
width: 100%;
height: 40px;
line-height: 40px;
color: #000000;
background-color: #FFFFFF;
z-index: 20;
text-transform: uppercase;
}

nav a {
color: #000000;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
}

nav a:hover {
color: #000000;
opacity: 0.6;
text-decoration: none;
}

ul.subnavi, ul.mainnavilist {
list-style: none;
padding: 0;
margin: 0;
}

ul.subnavi li {
display: inline;
padding: 0 35px;
}

ul.subnavi li.inactive {
opacity: 0.5;
}

ul.subnavi li.inactive2 {
color: #FFFFFF;
opacity: 0.5;
}

/**************************************************************************************/

#startbildleft {
margin: 0em auto;
height: 100vh;
width: 50%;
overflow: hidden;
float: left;
position: relative;
}

#startbildright {
margin: 0em auto;
height: 100vh;
width: 50%;
overflow: hidden;
float: right;
position: relative;
z-index: 1;
}

#startbildleft img, #startbildright img {
width: 100%;
height: 100%;
object-fit: cover;
}

#startbildleft:hover #startbildcontent {
background: rgba(0, 0, 0, 0.7); 
}

#startbildright:hover #startbildcontentright {
background: rgba(255, 255, 255, 0.7);
}

#startbildleft:hover #startbildcontenttext, #startbildright:hover #startbildcontenttext {
opacity: 1.0;
}

#startbildcontent {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
background: rgba(0, 0, 0, 0.0); 
}

#startbildcontentright {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
background: rgba(255, 255, 255, 0.0);
}

#startbildcontenttext {
color: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}

/**************************************************************************************/

#slidermarg {
margin-top: 130px;
}

.bxslider {
margin: 0;
padding:0;
z-index: 1;
}

.bxslider img {
position: relative;
display: block;
}

#slidercontentbox {
position: absolute;
bottom: 8vh;
right: 5vw;
width: 25vw;
color: #FFFFFF;
background: rgba(0, 0, 0, 0.8);
padding: 1.5em 2em 2em 2em;
box-sizing: border-box;
}

.bx-wrapper .bx-prev, .bx-wrapper .bx-next, .bx-wrapper .bx-controls-direction {
display: none;
}

/**************************************************************************************/

#headerbild {
margin-top: 90px;
}

#headerbildsub {
margin-top: 130px;
}

.headerbildmobile {
display: none;
}

article {
padding: 90px 0;
}

#plusall {
display: flex;
align-items: center;
justify-content: center;
margin-top: 15px;
}

#plus {
width: 2px;
height: 22px;
position: relative;
left: -6px;
}

#plus:before {
content: "";
width: 98px;
height: 2px;
position: absolute;
top: 10px;
left: -42px;
}

.plusblack, .plusblack:before {
background: #000000;
}

.pluswhite, .pluswhite:before {
background: #FFFFFF;
}

.plusfooter, .plusfooter:before {
background: #808080;
}

.teambild {
width: 250px;
height: 250px;
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
}

#maps {
width: 100%;
height: 400px;
margin-top: 50px;
}

.google-maps {
position: relative;
0height: 0;
overflow: hidden;
height: 400px;
}

.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#tabs {
margin-top: 60px;
}

#tableft {
float: left;
width: 48.5%;
}

#tabright {
float: right;
width: 48.5%;
}

.tabrightalign {
text-align: left;
}

#margtop {
margin-top: 40px;
}

a.btgrey {
color: #FFFFFF;
background-color: #6D6F71;
padding: 8px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
}

a.btgrey:hover {
text-decoration: none;
background-color: #000000;
}

.acc {
margin-top: 60px;
}

.acc h2 {
font-size: 110%;
line-height: 1.3em;
text-transform: none;
cursor: pointer;
margin-top: 0;
margin-bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
padding: 10px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
}

.acc h2.ui-state-hover, .acc h2.ui-state-active {
color: #FFFFFF;
background-color: #000000;
}

.acc .acc-content {
margin-top: 20px;
padding-bottom: 40px;
}

#galerie {
margin-top: 60px;
}

.cat4, .cat5, .cat6, .cat7, .cat8, .cat9, .cat10, .cat11, .cat12, .cat13, .cat14, .cat15, .cat16, .cat17, .cat18, .cat19, .cat20, .cat21, .cat22, .cat23, .cat24, .cat25, .cat26, .cat27, .cat28, .cat29, .cat30, .cat31, .cat32, .cat33, .cat34, .cat35, .cat36, .cat37, .cat38, .cat39, .cat40 {
float: left;
width: 25%;
position: relative;
}

.cat4 img, .cat5 img, .cat6 img, .cat7 img, .cat8 img, .cat9 img, .cat10 img, .cat11 img, .cat12 img, .cat13 img, .cat14 img, .cat15 img, .cat16 img, .cat17 img, .cat18 img, .cat19 img, .cat20 img, .cat21 img, .cat22 img, .cat23 img, .cat24 img, .cat25 img, .cat26 img, .cat27 img, .cat28 img, .cat29 img, .cat30 img, .cat31 img, .cat32 img, .cat33 img, .cat34 img, .cat35 img, .cat36 img, .cat37 img, .cat38 img, .cat39 img, .cat40 img {
display: block;
}

#galerieeinzelcontent {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
background: rgba(0, 0, 0, 0.0); 
}

#galerieeinzelcontenttext {
color: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
opacity: 0.0;
}

#galerieeinzel:hover #galerieeinzelcontent {
background: rgba(0, 0, 0, 0.7); 
}

#galerieeinzel:hover #galerieeinzelcontenttext {
opacity: 1.0;
}

.portfolioFilter {
font-size: 80%;
border: 1px solid #000000;
padding: 3px 5%;
margin-top: 35px;
text-transform: uppercase;
}

.portfolioFilter a {
color: #000000;
padding: 0 8px;
}

.current {
font-weight: bold;
}

#galnotfound {
display: block;
width: 100%;
text-align: center;
}

#blogeinzel {
float: left;
width: 25%;
position: relative;
}

#blogeinzel img {
display: block;
}

#blogeinzelcontent {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
background: rgba(0, 0, 0, 0.7); 
}

#blogeinzelcontenttext {
color: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
opacity: 1.0;
}

#blogeinzel:hover #blogeinzelcontent {
background: rgba(0, 0, 0, 0.0); 
}

#blogeinzel:hover #blogeinzelcontenttext {
opacity: 0.0;
}

#bloglink {
margin-top: 60px;
padding-top: 10px;
font-size: 85%;
line-height: 1.7em;
border-top: 1px solid #000000;
}

#bloglink a {
color: #000000;
}

.beispielfoto {
height: 200px;
}

#Beispielfotovorschau div {
height: 200px;
display: none;
margin-bottom: 10px;
}

#Beispielfotovorschau div:last-child {
display: block;
}

/**************************************************************************************/

footer {
font-size: 85%;
line-height: 1.7em;
color: #808080;
background-color: #000000;
padding: 60px 0;
}

footer a, footer a:hover {
color: #808080;
}

#footertab {
float: left;
width: 33.333%;
}

footer i {
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
}

footer i:hover {
opacity: 0.6;
}

ul.footer {
list-style: none;
padding: 0;
text-align: center;
}

li.footer {
margin-bottom: 15px;
}

#footerimp {
margin-top: 30px;
font-size: 75%;
opacity: 0.5;
}

#footerimp a {
padding: 0 5px;
}

#footerimp a:hover {
opacity: 0.8;
text-decoration: none;
}

/****************************************************************************************************************************************************************************/

@media (max-width : 1650px) {
/**************************************************************************************/

#slidercontentbox {
width: 35vw;
}

/**************************************************************************************/
}

@media (max-width : 1400px) {
/**************************************************************************************/

h2.footer {
font-size: 135%;
line-height: 1.2em;
}

#container {
width: 90%;
margin-left: 5%;
}

#standort {
left: 5%;
}

#naviicon {
right: 5%;
}

ul.subnavi li {
display: inline;
padding: 0 15px;
}

.cat4, .cat5, .cat6, .cat7, .cat8, .cat9, .cat10, .cat11, .cat12, .cat13, .cat14, .cat15, .cat16, .cat17, .cat18, .cat19, .cat20, .cat21, .cat22, .cat23, .cat24, .cat25, .cat26, .cat27, .cat28, .cat29, .cat30, .cat31, .cat32, .cat33, .cat34, .cat35, .cat36, .cat37, .cat38, .cat39, .cat40 {
width: 24.96%;
}

#maps, .google-maps {
height: 300px;
}

/**************************************************************************************/
}

@media (max-width : 1200px) {
/**************************************************************************************/

#slidercontentbox {
width: 45vw;
}

/**************************************************************************************/
}

@media (max-width : 900px) {
/**************************************************************************************/

h2.hlslider {
font-size: 100%;
line-height: 1.2em;
margin-bottom: 0;
}

#blogeinzel, .cat4, .cat5, .cat6, .cat7, .cat8, .cat9, .cat10, .cat11, .cat12, .cat13, .cat14, .cat15, .cat16, .cat17, .cat18, .cat19, .cat20, .cat21, .cat22, .cat23, .cat24, .cat25, .cat26, .cat27, .cat28, .cat29, .cat30, .cat31, .cat32, .cat33, .cat34, .cat35, .cat36, .cat37, .cat38, .cat39, .cat40 {
width: 50%;
}

#slidercontentbox {
right: 5%;
width: 90%;
padding: 0.5em;
box-sizing: border-box;
bottom: 3vh;
}

.sliderbtn {
display: none;
}

/**************************************************************************************/
}

@media (max-width : 700px) {
/**************************************************************************************/

body {
font-size: 90%;
line-height: 1.4em;
}

h1, h2, h3, .acc h2 {
font-size: 150%;
line-height: 1.2em;
}

h2.startbild, h2.startbildright {
font-size: 250%;
line-height: 1.2em;
}

input, select, .inputfileupload {
width: 100%;
}

.formleft, .formright {
float: none;
}

.formright {
float: right;
}

.captcha {
float: none;
width: 100%;
margin-bottom: 10px;
}

header {
position: relative;
}

#logo {
margin-left: 30px;
}

#slidermarg {
margin-top: 0;
}

#slidercontentbox {
width: 100%;
bottom: 0;
right: 0;
}

#standort {
display: none;
}

#naviicon {
float: right;
position: relative;
}

#mainnavi {
position: relative;
}

nav {
position: relative;
top: 0;
padding: 15px 0;
height: auto;
line-height: 1.4em
}

ul.subnavi li {
padding: 0 3px;
}

#headerbild, #headerbildsub {
margin-top: 0;
}

.headerbildstandard {
display: none;
}

.headerbildmobile {
display: block;
}

article {
padding: 30px 0;
}

#startbildleft, #startbildright {
height: 35vh;
width: 100%;
overflow: hidden;
float: none;
}

#startbildcontent {
background: rgba(0, 0, 0, 0.5); 
}

#startbildcontentright {
background: rgba(255, 255, 255, 0.5);
}

#tableft {
float: none;
width: 100%;
}

#tabright {
float: none;
width: 100%;
margin-top: 50px;
}

#maps, .google-maps {
height: 250px;
}

.acc {
margin-top: 30px;
}

footer {
font-size: 100%;
line-height: 1.4em;
padding: 30px 0;
}

#footertab {
float: none;
width: 100%;
}

.footertabmarg {
margin-bottom: 50px;
}

/**************************************************************************************/
}

@media (max-width : 500px) {
/**************************************************************************************/

#blogeinzel, .cat4, .cat5, .cat6, .cat7, .cat8, .cat9, .cat10, .cat11, .cat12, .cat13, .cat14, .cat15, .cat16, .cat17, .cat18, .cat19, .cat20, .cat21, .cat22, .cat23, .cat24, .cat25, .cat26, .cat27, .cat28, .cat29, .cat30, .cat31, .cat32, .cat33, .cat34, .cat35, .cat36, .cat37, .cat38, .cat39, .cat40 {
float: none;
width: 100%;
}

/**************************************************************************************/
}