@charset "utf-8";

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v22-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
       font-display:swap;
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v22-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v22-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v22-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v22-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v22-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v22-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
       font-display:swap;
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v22-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v22-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v22-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
       font-display:swap;
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v22-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v22-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v22-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v22-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v22-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v22-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
       font-display:swap;
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
       font-display:swap;
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
       font-display:swap;
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v29-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
       font-display:swap;
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
       font-display:swap;
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v29-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
       font-display:swap;
}


body, html {overflow-x: hidden;margin:0; padding:0; font-size:16px;}
body {background-color: #f3f3f3; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; background-repeat:no-repeat; background-position:bottom center; background-attachment:fixed;}
.container {width:1196px;}

.wrapper{background-color: transparent;max-width: 1360px;margin: 0 auto;display: flex;align-items: center; /* justify-content: center; */}
.wrapper-container{width:100%;float:left;}
.dunkelgrau{background: #d4d4d4;}
.mittelgrau{background:#f5f5f5;}
.hellgrau{background: #f3f3f3;}

/* Typografie */
#footer .iphone {font-style:inherit;}
.header-tel .iphone{    font-style: inherit;
    margin-left: 5px;
    padding: 0px 0px;
    float: left;}
#footer .iphone a{text-decoration:none;}
h1 {color:#000; text-transform:uppercase; font-size:23px; font-family:'Lato', sans-serif; font-weight:bold; margin:0;}
h2 {color:#333; font-family:'Roboto', sans-serif; font-size:18px; margin-top:0; font-weight: 400;}
h3 {font-family:'Lato', sans-serif; margin:0;}
h4 {color:#959595; font-size: 20px; margin-top: 10px; margin-bottom: 10px; font-weight: 400; font-family: 'Roboto', sans-serif;}
p {font-family:'Roboto', sans-serif; font-weight:300; font-size:16px;}
a {font-family:'Lato', sans-serif; text-decoration:none; font-size:16px;}
a:hover {}



iframe{width:100%}
#content1, #content2, #content3 {width:100%;}
#content1r, #content2r, #content3r, #content4r, #content5r {width:100%;display:none;}


/* Sidebar */
.sidebar {position:fixed; top:40%; left:0px; z-index: 99999;}
.sidebar1, .sidebar2, .sidebar3 {background-repeat: no-repeat; border:solid 1px #fff;}
.sub-sidebar1, .sub-sidebar2, .sub-sidebar3 {border:solid 1px #fff;}

.sidebar1 {width: 100px; height: 100px; border-radius: 50px; background-color: #333333; background-image: url(../img/sidebar/sb-kontakt.png); background-position: 43px 14px; background-size: 47px; margin-left: -38px;}
.sub-sidebar1 {margin-left:-360px; width:360px; height:100px; background-color:#333333; color:#fff; padding:10px 10px 10px 20px; border-radius:0px 50px 50px 0px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.sidebar1:hover .sub-sidebar1 {margin-left:30px;}
.sub-sidebar1 a, .sub-sidebar1 a:hover {color:#fff;}
.sub-sidebar1-text {padding-left:50px; margin-top:10px;}
.sub-sidebar1 .sidebar-headline {margin-bottom:5px;}

.sidebar2 {width: 80px; width: 80px; height: 80px; border-radius: 40px; background-color: #8e90c4; background-image: url(../img/sidebar/sb-tel.png); background-position: 21px 13px; background-size: 47px; margin-left: -8px; margin-top: -32px;}
.sub-sidebar2 {margin-left:-280px; width:280px; height:80px; background-color:#8e90c4; color:#fff; padding:10px; border-radius:0px 40px 40px 0px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.sidebar2:hover .sub-sidebar2 {margin-left:0px;}
.sub-sidebar2-text {padding-left:55px; margin-top:5px;}
.sub-sidebar2 .sidebar-headline {margin-bottom:5px;}

.sidebar3 {width: 60px; height: 60px; border-radius: 30px; background-color: #11345a; background-image: url(../img/sidebar/sb-brief.png); background-position: 13px 9px; background-size: 41px; margin-left: -13px; margin-top: -19px;}
.sub-sidebar3 {margin-left:-270px; width:270px; height:60px; background-color:#11345a; color:#2e3092; padding:5px 10px 10px 10px; border-radius:0px 30px 30px 0px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.sidebar3:hover .sub-sidebar3 {margin-left:10px;}
.sub-sidebar3-text a {color:#2e3092;}
.sub-sidebar3-text {padding-left:50px;}
.sub-sidebar3 .sidebar-headline {font-weight:bold; margin-bottom:2px;}


/*tabellen*/
.tg  {color: #747474;border-collapse:collapse;border-spacing:0;}
.tg td{color: #747474;font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{color: #747474;font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:  #747474;}
.tg .tg-yw4l{color: #747474;vertical-align:top}
/*tabellen ende*/

/*pre-content*/
.punkt{top: -35px;position: relative;float: right;right: -17px;}
.punkt-bg {background-image: url(/assets/img/punkt-weiss.png);width: 33px;height: 33px;float: right;position: relative;top: -120px;right: -17px; background-repeat: no-repeat;}

.box-button-1 {background-image:url(../img/symbole/box-rechts-1.png)}
.box-button-2 {background-image:url(../img/symbole/box-rechts-2.png)}
.box-button-3 {background-image:url(../img/symbole/box-rechts-3.png)}
.box-button-4 {background-image:url(../img/symbole/box-rechts-4.png)}
.box-button-5 {background-image:url(../img/symbole/box-rechts-5.png)}
.box-button-6 {background-image:url(../img/symbole/box-rechts-6.png)}

.box-button-1, .box-button-2, .box-button-3, .box-button-4, .box-button-5, .box-button-6 {margin: 3px 0; padding-left:20px; background-repeat:no-repeat; background-position:left center; text-transform: uppercase;}
.box-button-1 a, .box-button-2 a, .box-button-3 a, .box-button-4 a, .box-button-5 a, .box-button-6 a {color:#fff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.box-button-1 a:hover, .box-button-2 a:hover, .box-button-3 a:hover, .box-button-4 a:hover, .box-button-5 a:hover, .box-button-6 a:hover {color:#d6d6d6}
#pre-content{margin-top:2px; width: 100%;height: 250px;overflow: hidden;}
#pre-content-left{height: inherit;width: 67%;;float: left; border-top:solid 1px #c2c2c2; border-left:solid 1px #c2c2c2; border-bottom:solid 1px #c2c2c2; border-right:solid 1px #c2c2c2; background:#333;}
#pre-content-left-box{padding: 45px 6%; }
#pre-content-left h1 {font-size: 35px; color:#fff;margin: 0 0 15px 0; text-transform: none;font-weight:400;}
#pre-content-left h2 {margin: 0;color: #c2c2c2;}
#pre-content-left p{margin-left: 3%;}
#pre-content-right{padding: 45px 3%;height: inherit;width: 32.91666%;float:right; background:#565656; overflow:hidden;}
#pre-content-right h4{font-size: 22px;color: white;text-decoration: underline;margin-left: 10%;}
#pre-content-right .button{width:100%;height: 33px;}
#pre-content-right p{margin-top:0;}
.pic, .pic2{width: 150px;padding: 0 0 0 6.5%;}

#pre-content-right2 {padding-right: 60px !important;min-height: 180px;padding: 15px 3%;height: inherit;width: 32.91666%;;float:right; background:#e9e9e9;background-image: url(../img/szt-bg.PNG);background-repeat: no-repeat;background-position: 360px 120px; background-size: 70px 70px;}
#pre-content-right2 h4{font-size:18px;color:black;}
#pre-content-right2 h5{margin: 0;font-size:14px;text-decoration:underline;}
#pre-content-right2 p{padding-top: 0;margin-top: 0;font-size: 16px; width: 90%;}
#pre-content-right2 a{font-size: 14px; color: #00355d; background-color: #fff; padding: 5px 10px; border: solid 1px #c2c2c2; float: left; margin-top: 7px;}

#pre-content-right3{color:#00355d;;padding: 15px 3%;height: inherit;width: 32.91666%;float:right; background:#e9e9e9;}
#pre-content-right3 h4{font-weight: bold;color:#00355d;margin: 0;text-decoration:underline;}
#pre-content-right3 p{color:#00355d;padding-top: 0;margin-top: 0;}
#pre-content-right3 a{font-size: 14px; FONT-WEIGHT: bold; color:#00355d;}
.tel-big {font-size: 20px; font-weight: bold;}

/*pre-content ende*/

/*content*/
.startcontent {margin-bottom:20px; float:left;}
.startboxone, .startboxtwo, .startboxthree {margin-top: 35px;width: 31.66666%;; height:auto; background-color:#fff;  float:left; position:relative;}
.startboxone h3, .startboxtwo h3, .startboxthree h3 {font-size: 17px;margin-left: 15px;text-transform: none;color:#fff; letter-spacing: 1px; font-family:'Lato', sans-serif; font-weight:400;}
.starttitle img {height:10px;max-width:100%;}
.startboxone img, .startboxtwo img, .startboxthree img {width: 100%;margin:0 auto;max-width:100%;}
.starttitle {height: 34px;width: 100%;background-repeat: no-repeat;    border-bottom: 1px solid #c2c2c2; background-color: #11345a; background-size: auto;background-size: 100% 34px;}
.starttitle-2 {height: inherit; width: inherit;padding: 4px 0px;}
.startboxone, .startboxtwo {margin-right: 2.5%;}
.startboximage {width:100%; text-align:center;}
.startboxone p, .startboxtwo p, .startboxthree p {letter-spacing: 1px;color:#3d3d3d; margin:0px 20px 0 20px; line-height: 22px; font-size:16px;}
.pre-text {top: 34px; background-color: rgba(255, 255, 255, 0.8); position: absolute; border: solid 1px #c2c2c2; width: 100%; height: calc(100% - 34px);; padding: 0 10px 0; color: #fff; opacity: 0; transition: all ease .3s; font-size: 14px; line-height: 1.6;}
.pre-text a{margin-left:20px;}
.startboxone:hover .pre-text, .startboxtwo:hover .pre-text, .startboxthree:hover .pre-text {padding-top:20px; opacity:1;}
/*content ende*/

/*content folgeseite*/
.content {padding-bottom: 20px; margin-top:20px; width:100%; height:auto; min-height:500px; padding-top:40px; display:inline-block; background-color:#fff; border: solid 1px #c2c2c2; background-repeat: no-repeat;background-image: url(../images/network-cable.png); background-position:bottom right;}
.content .content-center {width:60%;}
.content img {max-width:100%;}
.content3 {width:100%; padding:75px 0 75px 0; display:inline-block; background-color:#fff;}
.content-left {width:190px; float:left; margin:0 0 0 60px;}
.content-left img {margin-bottom:5px;}
.content-center {width:530px; float:left; margin-left:3.3%; min-height: 650px;}
.content-center p {font-size:18px; color:#747474;}
.content-center a {color:#495367; font-weight:400;}
.content-center a:hover {color:#000;}
.content-center ul{padding:0;border-top: #e9e9e9 1px solid;padding-top: 15px;}
.content-center ul li {padding-top: 2px;font-family: 'Source Sans Regular', sans-serif; font-weight:normal; color: #2e3092;line-height: 35px;padding-left: 32px;background-repeat: no-repeat;background-image: url(../img/listtype.PNG); background-position: -1px 7px; background-size: 21px; list-style: none;}
.content-right {width: 570px; margin:0 20px 10px 20px; float:right; border: #c3c3c3 solid 1px; color:#FFFFFF; background: #9A9A9A;}
.content-right {-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.content-right:hover { -webkit-transform: scale(1.03);-moz-transform: scale(1.03);-ms-transform: scale(1.03);-o-transform: scale(1.03);transform: scale(1.03);}
.content-right:hover {background: #c2c2c2;}
.content-right a {color:#fff;}
.content-right-box {width:250px; float:left; height:100px; padding-right: 20px;}
.content-right h3 {font-size:18px; margin-top:10px; color:#fff;}
.content-right p {font-size:16px; margin-top: 5px;}
.content-right-box img {-webkit-filter: grayscale(50%); -webkit-transition: .5s ease-in-out; -moz-filter: grayscale(50%);  -moz-transition: .5s ease-in-out; -o-filter: grayscale(50%);  -o-transition: .5s ease-in-out;}
.content-right-box img:hover {-webkit-filter: grayscale(0%); -webkit-transition: .5s ease-in-out; -moz-filter: grayscale(0%); -moz-transition: .5s ease-in-out; -o-filter: grayscale(0%); -o-transition: .5s ease-in-out;} 
.news .content-right-box {background-color: #495367 !important; width: 220px; color:#fff !important; padding-left:10px; margin-right:20px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}.news .content-right-box:hover {background-color:#ca0000 !important;}
.news .content-right-box p {font-size:14px; margin-top:0px !important;}
.news .content-right {background-color:#fff !important; color:#444 !important;}
.news .content-right p {margin-top:10px;}
.newsbox {margin-bottom:50px; border:solid #aeaeae; border-width:1px 0 0 0; padding-top:20px;}

/*team-seite*/
.team-member {float: left; width: 90%; margin-right: 1%; clear: both; border-bottom: solid 2px #2e3092;padding: 30px 10px 10px 10px;; padding-bottom: 10px;
-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.team-member:hover {background-color:#e8e8e8}
.team-member img {float: left; margin-right: 20px;}
.team-name {color: #2e3092; font-weight: bold; font-size: 20px; text-transform: uppercase;}
.team-position {color: #848484;}
.team-info {font-size:17px; float:left;}
.team-tel {background-image: url(../img/tel-symbol.png); background-repeat: no-repeat; background-position: left center; padding-left: 22px; float: left; clear: both;}
.team-fax {background-image: url(../img/fax-symbol.png); background-repeat: no-repeat; background-position: left center; padding-left: 22px; float: left; clear: both;}
.team-mail {background-image: url(../img/mail-symbol.png); background-repeat: no-repeat; background-position: left center; padding-left: 22px; float: left; clear: both;}
.team {background-repeat:no-repeat; background-image: url(../img/pflegedienst-haushaltshilfe.jpg); background-position:162px 34px;}

.content-right-st {position:relative; float:right; width: 360px; padding-right: 32px; background-color:#ececec; padding:15px 10px 15px 15px; margin-top: 30px;}
.content-right-st .headline {font-family: 'Droid Serif', serif; color: #495367 !important;  margin-top: 5px; font-size: 19px !important; text-decoration:underline; text-shadow: none; margin:10px 0}
.content-right-st .subline {font-size:14px; color:#000; font-weight: 400;}
.content-right-st h4 {color:#000; font-weight:400;}

.folgeseite .startboximage {height:90px;overflow: hidden;}
.folgeseite .startboxone img, .folgeseite .startboxtwo img, .folgeseite .startboxthree img {width: auto;position: relative;top: -100%;left: -10%;}
/*content folgeseite ende */

/*sub-content*/
#sub-content{margin: 20px 0;background: white; padding-top: 30px;}
#sub-content h4{letter-spacing: 1px;padding: 0 4%;  font-size: 20px;font-family:'Roboto', sans-serif;color: #11345a;text-decoration: underline;line-height: 1;text-align: left;}
#sub-content p{font-size: 16px;color: #979797;padding: 0 4%;font-size: 16px;font-family:'Roboto', sans-serif;color: rgb(89, 89, 89);line-height: 1.5;}
/*sub-content ende*/

.trennlinie {height:15px; float:left; width:100%; border-bottom:solid #c2c2c2 1px; margin-bottom:5px;}

a {color:#0068b4;}
a:hover {color:#000; text-decoration:none;}
.error p {background-color:red; color:#fff !important; padding:10px;}

/* Tabellen */
.partner img {max-width: none !important; float:left; padding: 0 20px 0px 0;}
.partner {width:100%; float:left;}
.partner2 {float:left;}
.partner2 p {font-size:12.5px !important; line-height: 10px;}
.partnerbold {font-weight: bold;}

#header {height: 180px; width: 100%; float: left;}
.logo {float: left; margin-left:0px; position: absolute; width: 400px; margin-top: 90px; z-index: 999; background-color: transparent; padding: 0;}
.logo img {width:100%;}
.header-right {height:100%; float:right; width:100%;}
#header {background-image:url(../img/header-bg.PNG); background-position:top left;}

.header-tel {color: #fff; text-align: center; font-size: 16px; padding: 5px;}
.header-tel img {float:left;margin-right:5px;}
.header-tel li{color: #fff;;}
.header-tel p {display: none;}
.header-tel p a {color:#fff; text-align:center !important; font-size: 19px; margin-left:-10px; width:100%;}
.header-info {height: 43px; width: 100%; float: left;}
.header-tel, .header-tel a {padding: 0px 10px 0px 0; margin-top:10px; letter-spacing: 1px;clear:both; float:right; font-size:16px; font-weight:bold; color:#fff;}
.header-tel a {margin:0;}
.header-mail {margin: 10px 20px 0 0;float: right;font-size: 14px;font-weight: 200;color: #fff;text-decoration: underline;}
.header-mail a {letter-spacing: 1px;color: #fff; font-size:16px;padding: 3px 10px 8px 0}
.header-mail a:hover {color:#fff;}
.header-nav-container {height: 33px; width: 100%; float: left; margin-top: 128px;}
.kopfbereich {width:100%; margin: 0 auto;}
.head-bg {background-image:url(../img/head-background.jpg); background-repeat:no-repeat; background-position:right bottom; width:100%; float:left; height:167px; margin-bottom:-167px;}

/* Sitemap */
.sitemap li:before {background-image:none !important;}
.sitemap li {padding-left:0px !important;}
.content-center .sitemap ul li {background-image:none;}
.sitemap ul li a {color:#000; text-decoration:underline;}
.sitemap ul {margin-bottom:10px;}
.sitemap ul li li a {color:#D04F00; text-decoration:none; font-weight:400;}
/* Sitemap ende */

/* Navigation */
.menubar{z-index: 999;padding-left: 1.5%;width: 100%;height: auto;float: right;top: 90px;position: relative;}
#menu img {margin: -5px 5px 0 0;}
#menu ul {background: transparent;height: 45px; list-style-type: none; list-style: none; list-style-position: unset; float:right; padding:0 0 0 0; margin:0; top:1px;}
#menu ul li {border-left: #333 1px solid;float: left; position: relative; border-bottom: 3px solid transparent;padding: 9px 12px; font-family: 'Arimo', sans-serif;}
#menu ul li:nth-child(1) {border-left:0;}
#menu ul li a {color:#11345a; font-size:18px; text-transform:none;letter-spacing: 0.5px; font-weight:500;}
#menu ul li ul {display:none; position:absolute; top: 45px;; left:0px; background-color:#fff; float:left; z-index:10; padding:0; margin:0; list-style:none; max-width:160%; border-top: 3px solid transparent; transition: border ease .3s;}
#menu ul li ul li {clear:both; background-color:#fff; margin:0; border:0; position:relative; width:100%;padding-bottom:5px;min-width:152px;}
#menu ul li ul li a {color:#2e3092;padding:5px; float:left; color: black; cursor:pointer;}  
#menu ul li ul li ul li a {color:#2e3092;padding: 2.5px;}
#topMenu52 ul li {min-width:260px;}
#topMenu39 ul li {min-width:150px;}
#menu ul li ul li a {color:#2e3092;font-size:14px; font-weight: 400;}
#menu ul li ul li:hover {border:0; background-color:#eee;}
#menu ul li ul li::before {display:none;}
#menu ul li ul li:last-child {margin-bottom:0;}
#menu ul li:hover ul {display:block; border-top: 3px solid #8e90c4; }
#menu ul li:hover ul li ul, #nav li ul li ul {display:none; position:absolute; top:0; left:100%; background-color:#fff; float:left; z-index:10; padding:0; margin:0; list-style:none; width:100%;}
#menu ul li ul li ul li {clear:both; width:100%; margin:0; padding:10px 5px; border:0;}
#menu ul li ul li ul li:hover {border:0; background-color:#eee;}
#menu ul li ul li ul li::before {display:none;}
#menu ul li ul li ul li:last-child {margin-bottom:0;}
#menu ul li ul li:hover ul {display:block;}
#menu ul li:hover ul li ul li ul, #nav li ul li:hover ul li ul, #nav li ul li:hover ul li ul, #nav li ul li ul li ul {display:none; position:absolute; top:0; left:100%; background-color:#fff; float:left; z-index:10; padding:0; margin:0; list-style:none; width:100%;}
#menu ul li ul li ul li:hover ul {display:block;}
#menu ul li ul li ul {left:100%; transform: translateX(0);}

/* Aktive Menüpunkte */
#menu li.active {background: #333333 !important;}
#menu li.active a {color:#fff;} /* Farbe wird aktiviert */
#menu li.active li a {color:#717171;} /* Darunterliegende Punkte werden zurückgesetzt */
#menu li li.active a {color:#fff;} /* Farbe wird aktiviert */
#menu li li.active li li a {color:#000;} /* Darunterliegende Punkte werden zurückgesetzt */
#menu li li li.active a {color:#fff;} /* Farbe wird aktiviert */
#menu li li li.active li li li a {color:#000;} /* Darunterliegende Punkte werden zurückgesetzt */

/*Navigation ende*/

/* --- Kontaktformular -- */
.kontakt .schreibfeld {width: 90% !important; height: 240px !important; border: solid #717171 1px; border-radius: 5px; color: #848484; padding-left: 10px; padding: 6px;}
.kontakt .required, #contact_nr, #contact_plz, #contact_termin, #contact_begleitpersonen {clear: both; border: solid #717171 1px; border-radius: 5px; color: #848484; padding-left: 10px; padding: 6px;}
.kontakt .required {width: 90%;}
.kontaktfeld {margin-bottom:15px;}
.required-big {margin-bottom:15px; }
.required-small {margin-bottom:15px;}
.kontakt label {color: #3C3C3C; font-weight: normal; font-size: 15px;}



#banner-fade {float:left; width:100%; position:relative;max-width:1300px !important;}
.bjqs {border-bottom: 1px solid #474747;}
.banner-container {position: absolute; top:50%; margin-top:-75px; float:left;}
.banner-container ul {list-style:none; margin-top:40px; padding:0;}
.banner-container ul li {clear:both; float: left; font-size:18px; color:#fff; background-color:rgba(4, 107, 210, 0.66); margin-bottom:10px; padding: 10px 30px 5px 20px; position:relative;
-webkit-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.35);
box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.35);
}
.bjqs-controls {display:none}
.bjqs-markers {position: absolute; top:15px;}
.bjqs-markers li a {font-size:0; padding:5px; margin:0 5px;  background-color:rgba(255,255,255,0.15); border: 1px solid #fff; border-radius:10px;}
.bjqs-markers .active-marker a {background-color:rgba(255,255,255,0.5);}

/* --- Button --- */
.button {background-color: #11345a;border: solid #c2c2c2; border-width: 0 0 0 10px; margin: 0;margin-left: 4%; float: left; padding: 7px 20px 7px 9px !important; color: #fff; font-size: 14px; transition: all ease .3s;}
.button a, .button p {color:#fff;}
.button a:hover {color:#fff;}
.button:hover {color:#000; background-color:#c2c2c2; text-decoration:none; border-color:#11345a;}
.button:hover a{color:#333; }

/* --- PDF Button --- */
a[href$=".pdf"] {background-color:#fff; padding:5px 5px 5px 35px; float:left; border:solid #c2c2c2 1px; background-image:url(../img/pdf.png); background-repeat:no-repeat; background-position:left center; color:#c1272d;
	-webkit-transition: all .30s ease-in-out; 
	-moz-transition: all .30s ease-in-out; 
	-o-transition: all .30s ease-in-out; 
	transition: all .30s ease-in-out
}

.news {padding-bottom: 20px; margin-top: 5px; float: left; max-height: 350px; overflow: hidden; margin-bottom:10px; font-size: 12px;}
.news a {font-size:14px; color:#000 !important; text-decoration:underline;}
.news td span {color:#808080 !important;}
.content-news hr {margin-top: 5px !important; margin-bottom: 5px !important;}
.content-news h3 {font-family: 'Architects Daughter', cursive; text-decoration:underline; size:18px;}
.content-news h4 {size:14px;}
.content-news img{max-width:130px; float: left; margin: 0 10px 10px 0;}
.newsdatum {font-size: 10px; font-weight: bold; margin-bottom: 5px;}
#content .content-news p {font-size:12px}
#content .content-news a {font-size:14px}
#content{width: 100%;}
#content .news p {margin:0;}
#content .news-text {color:#222;}
#content .news-btn, #content .news-btn:hover, #content .news-btn:focus {color:#222; margin-top:10px; float:left;}
#content .news-btn::before {content:">> ";}
.newsbutton {font-size:14px; color:#000 !important; text-decoration:underline; clear: both;}
.news-headline {font-weight: regular;margin-top: 0px !important;color: #fff; font-size: 18px;; margin: 0px 0 0 0px;}
.news-subline {color: #fff; margin-left: 0px; margin-bottom: 10px;}
.news-content {color:#c2c2c2; margin:0 0px ;}
.news-intro{height: 100%;}
.news-intro a, .news-intro a:hover {font-weight: normal;margin-left: 0px; color: #fff; font-size: 14px;}

.prefooter-p{padding: 0px 4%;font-size: 16px;font-family:'Roboto', sans-serif;color: rgb(89, 89, 89);line-height: 1.5;}

/*footer*/
#footer {border: solid 1px #c2c2c2; margin:0; padding:0px 0 10px 0px; color:#fff; background-color:white; float:left; width:100%; background-image:url(/assets/img/footer-bg.jpg); background-repeat:repeat-x; background-position:top;}
#footer p, #footer li{ margin-left: 12%;color:#979797}
#footer a:hover {color:#979797}
#footer a {color:#979797}
#footer ul{padding-left: 20px;}
#footer li {list-style-type: inherit;line-height: 23px;}
.footerteil1 {;width: 33.333%; float: left;}
.footerteil2 {margin-right: 1.5%;padding-left: 0%;width: 32.333%; float: left;}
.footerteil3{padding-right: 1%;;width: 32.333%; float: left;}
.footertitel {margin: 10px 0 0 0;color:white !important;font-size:18px;}
.footeruntertitel {color:white !important;font-size:14px;margin-top: 0px;}
#footer .kai a {margin-left: 0%; color:#2e3092; font-weight:400;}
.kai p {color:#979797;}
.fa {margin-bottom:15px; clear:both; float:left;}
.fa a {padding-left:10px;}
.footerteil1 {}
.footerteil1 a {}
.footerteil1 a:hover {text-decoration: none;}
.footerteil1 h5, .footerteil2 h5, .footerteil3 h5 {margin-top:50px;}
.footer-content {width: 100%;; text-align:left !important; margin:0 auto; position:relative;}
/*footer ende*/

/*slider text*/
.slider-text{top: 60px;float: left;width: 100%;z-index: 3;position: absolute;text-align: left;left:50%;}
.slider-text-top{}
.slider-text-top-1{color: white;margin: 0;font-size: 31px;}
.slider-text-top-2{line-height: 0.8;color: white;margin: 0;font-size: 60px;}
.slider-text-bottom{border-left: white 9px solid;padding-left: 10px;margin-top: 40px;}
.slider-text-bottom-1{margin: 0;font-size: 18px;color: white;font-weight: bold;}
.slider-text-bottom-2, .slider-text-bottom-3, .slider-text-bottom-4{margin: 0;font-size: 19px;color: #edbb80;font-weight: bold;}


/* Basic jQuery Slider essential styles */
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:none;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
/* ENDE BJQS */

/* SLICKNAV CSS - HIERHER VERLAGERT WEGEN SEO */
.slicknav_menu {display:none}
.slicknav_btn {position: relative; display: block; vertical-align: middle; float: right; padding: 15px 10px; line-height: 1.125em; cursor: pointer;}
.slicknav_menu .slicknav_menutxt {display: block; line-height: 1.188em;	float: left;}
.slicknav_menu .slicknav_icon {float: left;	margin: 1.5px 0 0 0.438em;}
.slicknav_menu .slicknav_no-text {margin: 0}
.slicknav_menu .slicknav_icon-bar {display: block; width: 25px; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 4px}
.slicknav_nav {clear: both}
.slicknav_nav ul, .slicknav_nav li {display: block}
.slicknav_nav .slicknav_arrow {font-size: 0.8em; margin: 0 0 0 0.4em;}
.slicknav_nav .slicknav_item {display: block; cursor: pointer;}
.slicknav_nav a { display: block}
.slicknav_nav .slicknav_item a { display: inline}
.slicknav_menu:before, .slicknav_menu:after { content: " ";	display: table;}
.slicknav_menu:after { clear: both}
/* IE6/7 support */
.slicknav_menu {*zoom: 1}

/* User Default Style Change the following styles to modify the appearance of the menu. */

.slicknav_menu {font-size:16px;}
/* Button */
.slicknav_btn {margin: 8px 10px 8px; text-decoration:none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px;	border-radius: 4px;}
/* Button Text */
.slicknav_menu .slicknav_menutxt {color: #fff; font-weight: bold; text-shadow: none;}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {background-color: #fff;}
.slicknav_menu { background-color: #11345a; background-repeat: repeat-x;}
.slicknav_nav { color:#fff;	margin:0; padding:25px 0 25px 0; font-size:0.875em; background-color:#c2c2c2;}
.slicknav_nav, .slicknav_nav ul { list-style: none;	overflow:hidden;}
.slicknav_nav ul {padding:0; margin:0 0 0 10px;}
.slicknav_nav ul li:hover .slicknav_item{background-color: #e1e1e1;}
.slicknav_nav ul li a:hover {background-color:transparent; color:#fff;}
.slicknav_nav ul li ul li:hover  a{background-color: #00355d;color:white;border-radius:0px;}
.slicknav_nav ul ul { padding:0; margin:0 0 0 20px;}
.slicknav_nav .slicknav_item { padding:5px 10px; margin:2px 5px;}
.slicknav_nav a { padding:5px 10px; margin:2px 5px; text-decoration:none; color:#11345a;}
.slicknav_nav .slicknav_item a { padding:0; margin:0;}
.slicknav_nav .slicknav_item:hover {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color:#fff;}
.slicknav_nav a:hover {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#ccc; color:#222;}
.slicknav_nav .slicknav_txtnode {margin-left:15px;}
.slicknav_nav .slicknav_arrow {float:right;}


/*1.Ebene */
.slicknav_menu li.active a {color:#11345a; font-weight:700;} /* Farbe wird aktiviert */
.slicknav_menu li.active li a {color:#11345a; font-weight:400;} /* Darunterliegende Punkte werden zurückgesetzt */
/*2.Ebene */
.slicknav_menu li li.active a {color:#11345a;font-weight:700;} /* Farbe wird aktiviert */
.slicknav_menu li li.active li li a {color:#11345a; font-weight:400;} /* Darunterliegende Punkte werden zurückgesetzt */
/*3.Ebene */
.slicknav_menu li li li.active a {color:#11345a;font-weight:700;} /* Farbe wird aktiviert */
.slicknav_menu li li li.active li li li a {color:#11345a; font-weight:400;} /* Darunterliegende Punkte werden zurückgesetzt */

/* ENDE SLICKNAV CSS */


/* ------ RESPONSIVE ----- */

@media screen and (max-width: 1480px){
.sidebar {display:none;}
}

@media screen and (max-width: 1150px){
.slider-text {top: 10px;}
.slider-text-top-1 {font-size: 26px;}
.slider-text-top-2 {font-size: 38px;}
.slider-text-bottom {margin-top: 20px;}
.slider-text-bottom-1,.slider-text-bottom-2 ,.slider-text-bottom-3, .slider-text-bottom-4 {font-size: 16px;}
}

@media screen and (max-width: 1280px){ /* hi-res laptops and desktops */
}

@media screen and (max-width: 1025px){/* big landscape tablets, laptops, and desktops */

/* ----- Galerie ----- */
.display-galerie img {width: 90% !important; height: auto !important; top:50% !important; margin-top:0 !important; left:5% !important; margin-left:0 !important; transform: translateY(-50%);}
.display-galerie .title {display:none; width: 100% !important; position: absolute; margin: 0 !important; top:0 !important; bottom: inherit !important; left:0 !important; height:100%; font-size:0; background-color: transparent;}
.display-galerie .prev, .display-galerie .next {width:5%; height:100%; position: absolute;margin: 0;padding:0}
.display-galerie .prev {background-position: center; left:0; top:0;}
.display-galerie .next {background-position: center; right:0; top:0;}
.cls-btn {top:3px; right:3px;}
.galerie {max-height: 275px;}
/* ----- Galerie Ende ----- */


#pre-content-left-box {padding:0;}
#pre-content-left h1{font-size:22px !important;}
#pre-content-left h2 {font-size:16px !important;}
.news-headline{font-size:18px !important;}
#content1, #content2, #content3{width:100%;display:none;}
#content1r, #content2r, #content3r, #content4r, #content5r {width:100%;display:block;}
#pre-content-left, #pre-content-right, #pre-content-right2, #pre-content-right3,.content .content-center {padding: 30px 4%;}
#pre-content-right2, #pre-content-right3{width:100%;height:auto;background-position: 97%;}
#pre-content-left-box{margin:0;}
.punkt{display:none;}
.content .content-center {width:100%; margin-left:0px; min-height: 0px;}
.content {background-image:none; padding-bottom: 0;}
#pre-content-left, #pre-content-right, #pre-content{width:100%;height:auto;}
#menu {display:none;}
.slicknav_menu {border-bottom: #fff 1px solid;display:block;}
.startboxone, .startboxtwo, .startboxthree {margin: 10px 0.5% 0 0.5%;width: 49%;}
#header{height: 158px;}
.logo{margin-top: 68px;max-width: 374px;}
.footerteil1, .footerteil2, .footerteil3 {width: 100%;float: left;margin: 0;padding: 20px 3%;}
.footerteil2{background-color: #7f7f7f;}
.footertitel{margin-bottom: 0px;}
#footer {border: 0;background-image: none;background-color: #11345a;margin:0;padding:0;margin-top: 10px;}
#footer a, #footer h4 , #footer h5, #footer p, #footer li, #footer a {color: white  !important;margin: 10px 0;}
#footer a {text-decoration: underline;}
.startboxone:hover .pre-text, .startboxtwo:hover .pre-text, .startboxthree:hover .pre-text {display:none;}
.pic, .pic2{width: 120px;padding: 0; margin: 15px 15px 0 0;}
#footer{margin-top:0;}
.punkt-bg {display:none;}
.button{margin-left: 0;}
}

@media screen and (max-width: 1200px){
    .logo{margin-top: 60px;}
}

@media screen and (max-width: 1025px){ 
    .logo{margin-top: 68px;}
}

@media screen and (max-width: 780px){ /* ??? */
.head-bg{display: none;}
}

@media screen and (max-width: 641px){ /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
.rslides img{height: 200px !important;width: auto !important;overflow: hidden;}
.slider-text{left: 40%;width: 60%;}
.slider-text-top-1 {font-size: 20px;margin:0;}
.slider-text-top-2 {font-size: 24px;}
.slider-text-bottom-1,.slider-text-bottom-2 ,.slider-text-bottom-3, .slider-text-bottom-4 {font-size: 15px;}
.slider-text-bottom {margin-top: 15px;border-left: white 5px solid;padding-left: 8px;}
#content, #pre-content-left, #pre-content-right, #pre-content, .team-member{width:100%;height:auto;}
.content .content-center{margin-bottom: 10px;width: 100%;margin-left: 0;padding: 0 3%;}
.content{padding-bottom:0px;}
.content ul{padding-left: 0;}
.button{width: 94% !important;text-align: center !important;}
#sub-content p , #sub-content h4 {padding: 0 3%;}

.startboxone, .startboxtwo, .startboxthree {margin: 10px 1% 0 1%;width: 48%;}
.startboxone h3, .startboxtwo h3, .startboxthree h3 {color: #fff; letter-spacing: 0px;font-size: 18px;}
.logo {width: 80%;padding: 0 3%;margin: 78px 0 0 0;}
.kontakt .schreibfeld , .kontakt .required, .kontakt input{width: 100% ;}
#contact_message{width: 100% !important;}
.pre-text {top: 38px;height: calc(100% - 38px);}
.startboxone p, .startboxtwo p, .startboxthree p {margin: -6px 10px 0 10px;line-height: 20px;}
.news-content {font-size:16px;}
#pre-content-left-box {margin: 0;padding: 0;}
#pre-content-right {}
.startboxone, .startboxtwo, .startboxthree {margin: 10px 1% 0 1%;width: 98%;}
.team-member img {float:none; margin-bottom:10px;}
}

@media screen and (max-width: 500px) {
    #sub-content{ width: 98%;
    margin: 20px 1% 20px 1%;}
}

@media screen and (max-width: 481px){ /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
.logo { width:100%; max-width:100%;}
}

@media screen and (max-width: 320px){ /* smartphones, iPhone, portrait 480x320 phones */

.slider-text{display:none;}
}


/* ----- Galerie ----- */
.element img{z-index:9000}
.galerie-wrapper{max-width:1008px; float:none;margin:0 auto;}
.galerie {clear: both; padding:10px; float: left;}
.galerie img {float:left; margin:3px; transition: all ease .3s; border:solid #D8D8D8 1px; max-width:none;}
.galerie img:hover {border: 1px solid #c2c2c2; cursor:zoom-in;}
.display-galerie .element {height:100%; position:absolute; width:100%;}	
.display-galerie {display:none; position: fixed; top:0; left:0; width:100%; height: 100%; background-color: #000; z-index:99999;}
.display-galerie img {display:none; width:800px; height:auto; position:absolute; left:50%; top:50%; margin-left:-400px; max-width:none;}
.scroll-case {overflow-y:scroll;}
.hoch-normal-img {top:10px !important; margin-top:0 !important; left:50% !important; }
.hoch-zubreit-img {left:10px !important; margin-left:0 !important; top: 50% !important;}
.display-galerie .title {display:none; max-width:100%; position: absolute; color:#fff; background-color:transparent; z-index:103; margin-bottom:0; font-size:0;}
#content .display-galerie img, #content .galerie img {max-width:none; padding:0;}
.next, .prev {color:#fff; text-decoration: underline; height:100%; width:40%; position: absolute; font-size:0;}
#content .title {font-size:0;}
.next {background-image:url(../img/galprev.png); background-repeat:no-repeat; background-position:right; padding-right:15px; margin:0 10px; background-size:10px; right:0;}
.prev {background-image:url(../img/galnext.png); background-repeat:no-repeat; background-position:left; padding-left:15px; margin:0 10px; background-size:10px; left:0;}
.next:hover, .prev:hover {cursor: pointer;}
.cls-btn {display:none; width:40px; height:40px; background-image:url(../img/cls-btn.png); background-size:contain; position:absolute; top:10px; right:10px; z-index:104; transition: all ease .3s;}
.cls-btn:hover {cursor:pointer;}
.full-width {width:100% !important; margin-left:0 !important; left:0 !important; top:50% !important;}
.full-height {height:100% !important; width:auto !important; left: 50% !important; top:0 !important; margin-top:0 !important;}	
.full-both {top:0 !important; margin-top:0 !important;}


/* einfaches slider bild start*/
.folgeseite-bild{width:100%; position:fixed; top:0; z-index:-1;}
.folgeseite-bild img{width:100%; min-width:2000px; -webkit-filter: brightness(0.4); filter: brightness(0.4);}
.folgeseite-bild-text{width:100%;}
.folgeseite-bild-text .wrapper{float: left;	width:100%;	background-color:opacity; text-align:center; padding:40px 0 40px 0;}
.folgeseite-bild-text p{font-size:36px; margin:0; color: white;}
.folgeseite-bild-text h1{font-size:100px; padding:0; margin-top:20px; margin-bottom:20px; color: white;}

/* einfaches slider bild ende*/

#wrapper {max-width: 1200px;text-align: left !important;margin: 0 auto;position: relative;}

/*Slideshow start*/
/*Wenn Slideshow mit mehr als ein Bild gewünscht, folgende Zeile LÖSCHEN. Dann kommen die Pfeile wieder*/
.transparent-btns_nav.next, .transparent-btns_nav.prev {display:none;}

.slideshow {;position: relative;display: block;float: left;width: 100%;}
.sliderfontcont {width: 100%;position: relative;margin-top: -40%;z-index: 999;padding: 0 0 20px 10px;right: 10px;}
.sliderfont {width: 470px;position: relative;float: left;left: 20%;top: 25%}
.sliderfont p {margin-top: 10px;color: white;font-size: 22px}
.headline {font-weight: 500;color: white;font-family: "Verdana","Geneva","sans-serif";font-size: 48px;}

.rslides {margin: 0 auto;}
.rslides_container {position: relative; width: 100%; margin: 0px; float: left;	z-index: 0;}
.centered-btns_nav {z-index: 3;	position: absolute;	-webkit-tap-highlight-color: rgba(0,0,0,0);	top: 50%; left: 0; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("themes.gif") no-repeat left top; margin-top: -45px;}
.centered-btns_nav.next {left: auto; background-position: right top; right: 0;}
.transparent-btns_nav {z-index: 5; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; left: 0; display: block; filter: alpha(opacity=1); width: 49%; text-indent: -9999px; overflow: hidden; height: 100%;}
.transparent-btns_nav.next {cursor: url(../img/slide-right.png), auto;left: auto;	right: 0;}
.transparent-btns_nav.prev {cursor: url(../img/slide-left.png), auto;}

.large-btns_nav {z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); opacity: 0.6; text-indent: -9999px; overflow: hidden; top: 0; bottom: 0; left: 0; background: #000 url("themes.gif") no-repeat left 50%; width: 38px;}
.large-btns_nav:active, .centered-btns_nav:active {opacity: 1.0;}
.transparent-btns_nav.next::before, .transparent-btns_nav.prev::before {content: ""; width: 40px; height: 40px; border-radius: 40px; position: absolute; top: 50%; margin-top: -20px; background-repeat: no-repeat; z-index: 10;}
.transparent-btns_nav.next, .transparent-btns_nav.prev {background-image: none;}
.transparent-btns_nav.next::before {right: 10px; background-position: 15px center;}
.transparent-btns_nav.prev::before {left: 10px; background-position: 13px center;}
.large-btns_nav.next {left: auto; background-position: right 50%; right: 0;}
.centered-btns_nav:focus, .transparent-btns_nav:focus, .large-btns_nav:focus {outline: none;}
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {margin-top: 10px; text-align: center;}
.centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li {float: left; float: left; margin-right: 5px;}
.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a {text-indent: -9999px; overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: #ccc;
	background: rgba(0,0,0, 0.2);
	display: inline-block;
	display: block;
	-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.3);
	box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.3);
	width: 9px;
	height: 9px;
}
.centered-btns_here a, .transparent-btns_here a, .large-btns_here a {background: #222; background: rgba(0,0,0,0.8);}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin-left: 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;}

/*Slideshow ende*/

/*@media screen and (max-width: 500px) {
 	.display-galerie img {width: 100% !important; height: auto !important; top:50% !important; margin-top:0 !important; left:0 !important; margin-left:0 !important; transform: translateY(-50%);}
	.display-galerie .title {display:none; width: 100% !important; position: absolute; margin: 0 !important; top:0 !important; bottom: inherit !important; left:0 !important; height:100%; font-size:0; background-color: transparent;}
	.display-galerie .prev, .display-galerie .next {width:40%; height:100%; position: absolute;}
	.display-galerie .prev {background-position:left center; left:0; top:0;}
	.display-galerie .next {background-position:right center; right:0; top:0;}
	.cls-btn {top:3px; right:3px;}
}

 ----- Galerie Ende ----- */
 
   .skip-to-main-content {position: absolute; left: -2000px; top: -2000px; font-size: 0;}