* {  outline: none; }
html { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; overflow: hidden;  overflow-y: scroll;  } /*Orientierung Hoch/Quer Mobile*/
body { font:16px/100% "Raleway", "Open Sans", Arial, sans-serif; background-color: #FFFFFF; color:#544c45;} /*body { background:rgb(15, 114, 145); }*/
main, #main { display:block;  }
.strike { text-decoration:line-through; }

img { max-width:100%; }

h1, h2, h3, h4, h5, h6 { }
a { text-decoration: none; color:#544c45; }
a:hover { text-decoration: underline; }
a img:hover { opacity:0.8; }
.orange { color: #b39573 !important; }


ul, ol { }
ol li { list-style:decimal outside !important; list-style-image:none !important; line-height:1.250em; margin-left:1em; }
ul.faq { list-style:disc outside; }
ul.faq li { line-height:1.250em; margin-left:1em; padding-left:0.500em; margin-bottom:0.500em; }

p, span { }

/*Allgemeine Elemente*/
.center, .text-center { text-align:center; }
.mt0em { margin-top:0em !important; }
.mt1em { margin-top:1em !important; }
.mt2em { margin-top:2em !important; } 
.mt3em { margin-top:3em !important; }
.mb1em { margin-bottom:1em !important; } 
.mb2em { margin-bottom:2em !important; } 
.mb3em { margin-bottom:3em !important; } 
.mtb1em { margin:1em 0 !important; } 
.mtb2em { margin:2em 0 !important; } 
.mtb3em { margin:3em 0 !important; } 
.ml1em { margin-left:1em !important; }
.mr1em { margin-right:1em !important; }
.mr2em { margin-right:2em !important; }
.mr3em { margin-right:3em !important; }

@media (max-width: 767px) {
   .mt1emMob { margin-top:1em !important; } 
}    

.w30 { width:30% !important; }
.w50 { width:50% !important; }
.w70 { width:70% !important; }
.w80 { width:80% !important; }
.w90 { width:90% !important; }
.w100 { width:100% !important; }

.checksb { display:none; } /* Für Spamanfragen im Formular */

a.nohover:hover { text-decoration:none; }

#cenav { background-color: #FBFBFB; text-align:center; padding:1em; }
#cenav a { color:#7a7a7a; font-weight:bold; padding:0 1em 8px 1em; }
#cenav a:hover, #cenav a.active { color:#b39573 !important; text-decoration:none; border-bottom:3px solid #b39573; }
#cenav img { width:30px; position:relative; top:2px; }
#cenav a.img { padding:0 8px 8px 0; }
#cenav a.img:hover { border:none; opacity:0.75; }

.notiz { font-size:0.938em; color:#FFF; padding:0.625em; margin:1em 0; line-height:1.250em; }
.notiz.hinweis { background-color: #F1F1F1; color:#000; }
.notiz.erfolg { background-color: #17A017; }
.notiz.warnung { background-color: #CA0006; }

/*Basiscontent mit Abmessungen*/
.contentBlock { width:80%; margin:0 auto; max-width:1150px; }
.contentBlock h1.main { font-family: "Qwigley", "Open Sans", Arial, sans-serif; text-align:center; color:#b39573; font-size:8em; line-height:1.250em; }
@media screen and (max-width:767px) {
    .contentBlock { width:90%; padding:0 5%; }
    .contentBlock h1.main { font-size:4em; margin:1em 0 0.500em 0; }
}
/*Simpler Textblock*/
.textBlock { margin-top:1em; }
.textBlock li { line-height:1.750em; list-style-type:disc; list-style-position: outside; margin-left:1em; padding-left:0.500em;}
.textBlock p { font-size:1em; line-height:1.750em; color:#544c45; }
.textBlock h1, .textBlock h3 { font-size:2em; margin-bottom:1em; margin-top:2em; line-height:1.250em; }
.textBlock h2 { font-size:1.750em; margin-bottom:1em; margin-top:2em; line-height:1.250em; }
.textBlock h1.qwigley, .textBlock h2.qwigley, .textBlock h3.qwigley { font-family: "Qwigley", "Open Sans", Arial, sans-serif; color:#43403e; font-size:4em; line-height:1.250em; margin-bottom:0.500em; margin-top:0; }
.textBlock.blog { }
@media screen and (max-width:767px) {
    .textBlock h3, .textBlock h1 { font-size:3em; }
    .textBlock h1.qwigley, .textBlock h2.qwigley, .textBlock h3.qwigley { font-size:3em; }
    .textBlock h3.package { font-size:1.500em; margin-top:0em; margin-bottom:1em; font-weight:bold !important; }
    .textBlock h2 { font-size:1.500em; }
    .textBlock.blog .textBlock.blog h2, .textBlock.blog h3 { font-size:1.500em !important; line-height:1.500em; }
}

/*FAQ*/
.faqquestion { font-size:1.300em; margin-top:1em; line-height:1.250em; font-weight:bold; margin-bottom:1.250em; }
.faqanswer { margin:0 0 0 0; line-height:1.750em; }
.faqline { border-bottom: 1px solid #b39573 !important; width:100%; margin: 1em 0 2em 0; }
@media screen and (max-width:767px) {}
.toplink { font-weight:bold; }

/*BLOG*/
.back2blog { font-size:2em; margin-bottom:1em; line-height:1.250em; }
.back2blog.qwigley { font-family: "Qwigley", "Open Sans", Arial, sans-serif; color:#43403e; font-size:4em; line-height:1.250em; margin-bottom:0.500em; margin-top:0; }
.subtitle { font-size:0.750em !important; font-weight:bold; margin-top:-15px !important; padding-top:-15px !important; }

@media screen and (max-width:767px) {
    .back2blog { font-size:3em; }
}

/* Checkboxen kurz und knapp */
.mainCheckbox { display:flex; flex-flow:row nowrap; }
.mainCheckbox img { box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); width:50%; }
.checkbox { display:flex; flex-flow:row nowrap; margin-bottom:2em; }
.checkbox .innerbox { display:flex; flex-flow:row nowrap; width:50%; }
.checkbox .cbicon { color:#b39573; margin-right:2em; flex: 0 0 35px; }
.checkbox .cbtext {  margin-right:2em; flex: 1 1 40%; }
.checkbox .cbtext .cbtitle { font-size:1.250em; font-weight:bold; margin-bottom:1em; line-height:1.250em; }
.checkbox .cbtext .cbinfo { line-height:1.500em; }
@media screen and (max-width:767px) {
    .checkbox .cbtext {  margin-right:0em; }
    .checkbox { flex-flow:row wrap; margin-bottom:0em; }
    .checkbox .innerbox { width:100%; margin-bottom:1.500em; }
    .checkbox .cbtext .cbtitle { margin-bottom:0.250em; font-size:1.125em; }
}

/* Parallax und Floating Images */
.parallax { /*background-attachment: fixed;*/ background-position: center; background-repeat: no-repeat; background-size: cover; }
.parallax.vh50 {  height: 50vh; }
.parallax.vh30 {  height: 30vh; }
.parallax.top {  background-position: top !important; }

@media screen and (max-width:767px) {
    .parallax { background-position:left; }
    .parallax.vh50 {  height: 40vh; }
}

.topBoxes { display:flex; flex-flow:row nowrap; margin: -2.500em 0 3em 0; justify-content:center; width:100%; }
.topBoxes .box { margin-right:1em; background-color: #b2a895; color:#000000; font-size:1.188em; text-align:center; padding:2em 0.750em; width:250px; line-height:1.500em; }
.topBoxes .box:last-of-type { margin-right:0;}
.topBoxes .box:hover { text-decoration:none; background-color:#323033; color:#d5d5d6; }
.topBoxes .active { text-decoration:none; background-color:#b2a895; color:#000000; }
@media screen and (max-width:767px) {
    .topBoxes { width:100%; margin: -2em 0 0 0;}
    .topBoxes .box { margin-right:6px; flex:1 1 auto; font-weight:normal; padding:1.750em 0.750em; font-size:0.875em; }
}

.floatImg { float:right; margin: -5em 0 1.250em 2em; text-align:right; width:380px; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); }
.homeFloat { float:right; margin: 0.500em 0 1.250em 2em; width:300px;  }
@media screen and (max-width:767px) {
    .floatImg { float:none; text-align:center; margin:-5em auto 0 auto; display:block; max-width:65%; }
    .homeFloat { float:right; margin: 0.500em 0 1.250em 2em; width:200px; max-width:50%;  }
}

/*Previewboxen auf Startseite*/
.previewBox { display:flex; flex-flow:row nowrap; align-items: center; justify-content:center; margin-bottom:4px; line-height:2.5em; }
.previewBox .textPreview { width:35%; color:#d5d5d6; font-size:1.750em; font-weight:bold; padding:0 3em; display:flex; flex-flow:row nowrap; align-items: center; justify-content:center; height:40vh; }
.previewBox .bgPreview { width:55%; background-position: center;  background-repeat: no-repeat; background-size: cover; height:40vh; width:60%; }
.previewBox .gradient { background-image: linear-gradient(to bottom right, #28262d, #43403e); }
.previewBox .rightSpace { margin-right:4px; }
.previewBox .textRight { text-align: right; }
.previewBox .icon { font-size:2.500em; color:#b39573; font-weight:bold; }
@media screen and (max-width:767px) {
    .previewBox { line-height:1.500em; }
    .previewBox .textPreview { font-size:1em; padding:0 1em; height:25vh; width:30%; }
    .previewBox .bgPreview { width:60%; height:25vh;  }
    .previewBox .gradient { background-image: linear-gradient(to bottom right, #28262d, #43403e); }
    .previewBox .icon { display:none; }
}

/* Formularblock */
.formBox { margin-top:1em; }
.formBox h3 { color:#43403e; font-size:2em; line-height:1.250em; margin-bottom:0.500em; }
@media screen and (max-width:767px) {
    .formBox h3 { font-size:1.500em; }
}
.formBox input { font-family: "Raleway", "Open Sans", Arial, sans-serif;  padding:1em; margin-bottom:6px; border-radius: 5px; border:1px solid black; font-size:14px; box-sizing: border-box; }
.formBox textarea { font-family: "Raleway", "Open Sans", Arial, sans-serif; border-radius: 5px; padding:1em; border:1px solid black; font-size:15px; box-sizing: border-box; }
.formBox input:focus, .formBox textarea:focus { border:1px solid grey; }
.formBox button { border:2px solid #b39573; color: #b39573; font-size:1em; padding:0.500em 1em; border-radius: 45px; }
.formBox button:hover { border:2px solid #43403e; background-color:#43403e; }

/*Call To Action Home*/
.call2Action { text-align:center; margin:4em 0; }
.call2Action .button { padding:1.5em; color:#d5d5d6; background-color:#2e2c31; display:inline-block; font-size:1.25em; border-radius: 45px; }
.call2Action .button:hover { text-decoration:none; background-color:#b2a895; color:#000000;}
.call2Action .button.wide { padding:1.5em 3em; border:2px solid #f2ad2b; }
@media screen and (max-width:767px) {
    .call2Action .button { font-size:1em; font-weight:bold; }
    .call2Action.lowmargin { margin:1em 0 4em 0 !important; }
}
.call2Action .learnmore { color: #544c45; }
.call2Action .learnmore a { color: #544c45 !important; }

/* About Me-Seite*/
.aboutBox { display:flex; flex-flow:row nowrap; align-items: center; margin-bottom:1em; }
.aboutBox.mtmobem { margin-top:-3em; }
.aboutBox .text { margin-top:1em; }
.aboutBox .text p { font-size:1em; line-height:1.750em; color:#544c45; }
.aboutBox img { box-shadow: 0 15px 20px rgba(0, 0, 0, 0.5); }
.aboutBox .mr { margin-right:2em; }
.aboutBox .ml { margin-left:2em; }
.aboutBox .scale35 { flex:0 1 35%; }
.aboutBox .scale45 { flex:0 1 45%; }
.aboutBox .scale50 { flex:0 1 50%; }
.aboutBox .scale55 { flex:0 1 55%; }
.aboutBox .scale65 { flex:0 1 45%; }
@media screen and (max-width:767px) {
    .aboutBox { display:flex; flex-flow:row wrap; } 
    .aboutBox img { order:1; }
    .aboutBox .text { order:2; }
    .aboutBox .ml { margin-left:0em; }
    .aboutBox .scale35 { flex:0 1 100%; }
    .aboutBox .scale45 { flex:0 1 100%; }
    .aboutBox .scale50 { flex:0 1 100%; }
    .aboutBox .scale55 { flex:0 1 100%; }
    .aboutBox .scale65 { flex:0 1 100%; }
}

/* Kontaktseite */
.contentSocial { }
a.socialBox { float:left; margin-right:8px; color:#FFF; width:50px; height:50px; padding:auto auto; font-size:2em; display:flex; align-items: center; justify-content:center; }
a.socialBox.facebook { background-color:#4267b2; }
a.socialBox.linkedin { background-color:#0077b5; }
a.socialBox.xing { background-color:#006567; }
a.socialBox.instagram { background-color:#F17341; }
a.socialBox.pinterest { background-color:#E60023; }
a.socialBox:hover { text-decoration:none; opacity:0.75; 
    transform: scale(0.9);
    transition: transform 0.5s ease-in-out;
}

/*Footerdefinitionen*/
#footer { background-color: #b2a895; text-align:center; color:#3c393a; font-size:0.875em; margin-top:5em; padding:1em 0;}
#footer .content { padding: 1em 0; display:flex; flex-flow:row nowrap; align-items: center; justify-content:center; }
#footer .content .box { line-height:1.5em; margin-right:3em; }
#footer a { color:#3c393a; }
#footer a:hover { text-decoration: underline; }
#footer img:hover { opacity:0.7; }
@media screen and (max-width:767px) {    
    #footer .content { flex-flow:row wrap; }
    #footer .content .box { flex: 1 1 100%; margin-right:0em; }
}

/* Mobile Menu */
#cenavmob { overflow: hidden; background-color: #333; position: fixed; width:100%; }
#cenavmob #mobMenu { display: none; }
#cenavmob .firstMenu { display:flex; flex-flow:row nowrap; align-items: center; border-bottom:2px solid #b39573; background-color: #FBFBFB; justify-content: right; }
#cenavmob a.menuLogo { padding:1em; color:#FFF; background-color: #333; }
#cenavmob a.menuLogo:hover { text-decoration:none; }
#cenavmob .menuHead { padding:0.5em 1em; font-weight:bold; color:#b39573; font-size:1.125em; flex-grow:5;}
#cenavmob a.menu { color: white; padding: 14px 1em; text-decoration: none; font-size: 1em; display: block; }
#cenavmob a.menu.icon { background: black; display: block; position: absolute; left: 0; top: 0; }
#cenavmob a.menu:hover { background-color: #ddd; color: black; }
#cenavmob .active { background-color: #FBFBFB !important; color:#b39573 !important; border-bottom:2px solid #b39573; } 
#cenavmob img { width:35px; padding: 14px 1em; }
#cenavmob a img { padding: 14px 1em; text-decoration: none;  }
#cenavmob a img:hover { border:none; opacity:0.75; }
#cenavmob a.moblink { color: #b39573 !important; }

/* Mobile Styles */
@media (max-width: 767px) {
  .hide-on-mobile { display: none !important; }
}
@media (min-width: 768px) {  
  .hide-on-desktop { display: none !important; }
}

div#footer-wrap{ margin-top: 5px;	width: 100%;	margin-left: auto;	margin-right: auto; height: 360px; background: url(../bilder/footer_banner.jpg) no-repeat center top; }
div#footer-contact{ padding-top: 5em; margin-top:3em; text-align: center; color: #2E2C31; }

div#footer-contact div.contact-site{ font-family: "Qwigley", "Open Sans", Arial, sans-serif;	font-size: 6em; margin-bottom:0.625em; }
@media (max-width: 768px) {  
  div#footer-contact div.contact-site { font-size: 5em; }
}

div#footer-contact div.contact-tel{ font-size: 1.500em; font-weight: bold; padding-top: 10px; margin-bottom:1em; }
div#footer-contact div.contact-tel a{ color: #45535d; }
div#footer-contact div.contact-tel img{ vertical-align: middle; }
div#footer-contact div.contact-mail{ padding-top: 15px;	padding-bottom: 25px;	font-size: 20px; }
div#footer-contact div.contact-mail a{ color: #2E2C31;	text-decoration: none;	-o-transition: .3s ease-out;	-webkit-transition: .3s ease-out;	-moz-transition: .3s ease-out; 	transition: .3s ease-out; }
div#footer-contact div.contact-mail a:hover{ color: #2E2C31; text-decoration: none; }

/* Slideshow container */
.slideshow-container {
  position: relative;
  background: #f1f1f1f1;
}

/* Slides */
.slideshow-container .mySlides {
  display: none;
  padding: 30px 80px;
  text-align: center;
}

.slideshow-container .mySlides p {
  line-height:1.500em;
}

/* Next & previous buttons */
.slideshow-container .prev, .slideshow-container .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.slideshow-container .next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slideshow-container .prev:hover, .slideshow-container .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
  text-decoration: none;
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
    background: #ddd;
}

/* The dots/bullets/indicators */
.dot-container .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.dot-container .active, .dot-container .dot:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
.slideshow-container q {font-style: italic;}

/* Add a blue color to the author */
.slideshow-container .author {color: cornflowerblue;}

/* GRIDS */
.grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}


@media (max-width: 767px) {
  .hide-on-mobile { display: none !important; }
  .mobile-grid-33 { float: left; width: 33.33333%; padding:0 !important;}
  .mobile-grid-66 { float: left; width: 66.66667%; padding:0 !important;}
  .mobile-grid-100 { clear: both; width: 100%; padding:0 !important; }
    .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
      padding-left: 0px;
      padding-right: 0px;
    }
}
@media (min-width: 768px) {  
  .hide-on-desktop { display: none !important; }
  .grid-25 { float: left; width: 25%; }
  .grid-30 { float: left; width: 30%; }
  .grid-70 { float: left; width: 70%; }  
  .grid-75 { float: left; width: 75%; }
  .grid-33 { float: left; width: 33.33333%; }
  .grid-66 { float: left; width: 66.66667%; }
  .grid-100 { clear: both; width: 100%; }
}

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }