@charset "UTF-8";

/* Animations */

a, a:hover { -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; text-decoration: none; }

.mittig { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center;	-ms-flex-align: center; align-items: center; justify-content: space-between; }

.fullsize { position:relative; width: 100%;	min-height: 100%;	height: auto !important; height: 100%; overflow: hidden !important; }

.zoom { overflow: hidden; position: relative; line-height: 0; }
.zoom img { width: 100%; height:auto; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.zoom:hover img {	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.hide, .hide.time1 {
  opacity: 0; margin-left: 30px; margin-right: -30px; 
  -webkit-transition: margin 1s ease, opacity 1s, filter 1s; 
  -moz-transition: margin 1s ease, opacity 1s, filter 1s; 
  -o-transition: margin 1s ease, opacity 1s, filter 1s; 
  transition: margin 1s ease, opacity 1s, filter 1s; 
  filter: blur(10px);
}
.hide.time2 {
  opacity: 0; margin-left: 30px; margin-right: -30px; 
  -webkit-transition: margin 1s 0.25s ease, opacity 1s 0.25s, filter 1s 0.25s; 
  -moz-transition: margin 1s 0.25s ease, opacity 1s 0.25s, filter 1s 0.25s; 
  -o-transition: margin 1s 0.25s ease, opacity 1s 0.25s, filter 1s 0.25s; 
  transition: margin 1s 0.25s ease, opacity 1s 0.25s, filter 1s 0.25s; 
  filter: blur(10px);
}

.hide.visible, .hide.visible.time1, .hide2.visible.time2 { opacity: 1; margin-left: 0; margin-right: 0; filter: blur(0); }

.hide.two { margin-left: 0; margin-right: 0; 
  -webkit-transition: margin-right 1.2s ease, margin-left 1.2s ease, filter 1.2s; 
  -moz-transition: margin-right 1.2s ease, margin-left 1.2s ease, filter 1.2s; 
  -o-transition: margin-right 1.2s ease, margin-left 1.2s ease, filter 1.2s; 
  transition: margin-right 1.2s ease, margin-left 1.2s ease, filter 1.2s; 
}

#special_img.hide { margin: 0; opacity: 0; -webkit-transition:opacity 1.2s ease; -moz-transition:opacity 1.2s ease; -o-transition:opacity 1.2s ease; transition:opacity 1.2s ease; }
#special_img.hide.visible { opacity: 1; }

.hidestart { opacity: 0; margin-left: 30px; margin-right: -30px; 
  -webkit-transition: margin-right 1s .3s ease, margin-left 1s .3s ease, filter 1s .3s; 
  -moz-transition: margin-right 1s .3s ease, margin-left 1s .3s ease, filter 1s .3s; 
  -o-transition: margin-right 1s .3s ease, margin-left 1s .3s ease, filter 1s .3s; 
  transition: margin-right 1s .3s ease, margin-left 1s .3s ease, filter 1s .3s; 
  filter: blur(10px);
}
.hidestart.visible { opacity: 1; margin-left: 0; margin-right: 0; filter: blur(0); }
#special_img.hidestart { margin: 0; opacity: 0; -webkit-transition:opacity 1.2s .5s ease; -moz-transition:opacity 1.2s .5s ease; -o-transition:opacity 1.2s .5s ease; transition:opacity 1.2s .5s ease; }
#special_img.hidestart.visible { opacity: 1; }

#parallax .hide { opacity: 0; margin: 0; margin-bottom: -30px; margin-top: 30px; }
#parallax .hide.visible { opacity: 1; margin: 0;  margin-bottom: 0; margin-top: 0; filter: blur(0); }

/* Colors */

.font-white { color: #ffffff; }
.font-black { color: #000000; }
.font-grey { color: #30383b; }
.font-red { color: #ac2522; }

.bg-white { background: #ffffff; }
.bg-black { background: #000000; }
.bg-leightgrey { background: #edf0f2; }
.bg-grey { background: #30383b; }
.bg-red { background: #ac2522; }

.bg-white-trans { background: rgba(255,255,255,.9); }
.bg-black-trans { background: rgba(0,0,0,.6); }
.bg-red-trans { background: rgba(172,37,34,.85); }

.bg-raufaser { background: #ffffff url('../images/kachel_raufaser.jpg') repeat top left; background-attachment: fixed; }
.bg-tapete { background: transparent url('../images/bg_tapete2.png') repeat center center;  }
.bg-darkgrey-gradient { background-image: linear-gradient(135deg, #30383b 20%, #676c6e); }

.has-white-color { color: #ffffff; }
.has-black-color { color: #000000; }
.has-grey-color { color: #30383b; }
.has-leightgrey-color { color: #edf0f2; }
.has-red-color { color: #ac2522; }

.has-white-background-color { background-color: #ffffff; }
.has-black-background-color { background-color: #000000; }
.has-grey-background-color { background-color: #30383b; }
.has-leightgrey-background-color { background-color: #edf0f2; }
.has-red-background-color { background-color: #ac2522; }

/* Typo */

p, h1, h2, h3, h4, h5, h6 { font-style: normal; }
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 600; }

h1 { font-size: 4vw; line-height: 1.15em; font-weight: 300;}
h2 { font-size: 3.4vw; line-height: 1.2em; }
h3 { font-size: 2.8vw; line-height: 1.2em; }
h4 { font-size: 2.3vw; line-height: 1.25em; }
h5 { font-size: 2vw; line-height: 1.25em; }
h6 { font-size: 1.4vw; line-height: 1.25em; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #000000 !important; }

.content h1 { font-size: 4rem; margin-bottom: .75em; }
.content h2 { font-size: 3rem; margin-bottom: .75em; }
.content h3 { font-size: 2.1rem; margin-bottom: .75em; }
.content h4 { font-size: 1.8rem; margin-bottom: .75em; }
.content h5 { font-size: 1.35rem; line-height: 1.25em; margin-bottom: 1em; }
.content h6 { font-size: 1.2rem; margin-bottom: .75em; }

b, strong { font-weight: 600; }
em { font-style: italic; font-weight: 500; }
u { text-decoration: underline;}
i { font-size: .9em; margin-right: 0.4em; }
.nobr { white-space : nowrap; }

/* Toggle */

#toggle-view { width:100%; list-style: none; padding: 1rem 0 0; width:100%; }

#toggle-view .toggle-row { list-style-type: none; position: relative; margin-top: 2px; background: #edf0f2; color: #30383b; }
#toggle-view .toggle-row { cursor: pointer; }
#toggle-view .toggle-row:hover { background: #30383b; color: #ffffff; }
#toggle-view .toggle-row.active { background: #ac2522; color: #ffffff;}
#toggle-view .toggle-row:first-child { border-radius: 10px 10px 0 0; }
#toggle-view .toggle-row:last-child { border-radius: 0 0 10px 10px; }

#toggle-view .toggle-row .head { width: 100%; font-size: 1.3rem; line-height: 1.35em; margin: 0; padding: 14px 35px 14px 20px; }
#toggle-view .toggle-row .plus { position: absolute; top: 15px; right: 17px; font-size: 1.5rem; line-height: 1em; }

#toggle-view .toggle-row .panel { display: none; padding: 2vw; margin-bottom: 20px; background: #ffffff; color:#30383b; border: 1px solid #ac2522; border-top: 0; }
#toggle-view .toggle-row:last-child .panel { border-radius: 0 0 10px 10px; }
#toggle-view .toggle-row .panel ul { margin: 0 0 1.5rem 1.4rem; }
#toggle-view .toggle-row .panel hr { margin: 1.75rem 0; }

/***** General stuff *****/

.grecaptcha-badge { display: none !important; }

hr { height: 0; border: 0 !important; border-bottom: 1px solid #30383b !important; margin: 2vw 0 2vw -20px; width: 80px; }
.font-white hr, hr.white { border-bottom: 1px solid #ffffff !important; }
hr.small { margin: 1.5rem 0; width: 50px;}
hr.large { margin: 2.5rem 0; width: 100%; }
hr.sidebar { margin: 1rem 0; width: 50px;}
aside hr.large { margin: 1.5rem 0; width: 100%; }

.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }

.uppercase { text-transform: uppercase; }

.shadow { box-shadow: 0 0 30px rgba(0,0,0,0.15); }

.round { border-radius: 1vw; }
.roundtop { border-radius: 1vw 1vw 0 0; }
.roundbottom { border-radius: 0 0 1vw 1vw; }
img.round { border-radius: 5px; }
.sidemenu .zoom { border-radius: 5px; }

.col2 { column-count: 2; column-gap:50px; }

.content a[href *=".pdf"],
.content .wp-block-file a[href *=".pdf"] { padding: 6px 0 4px 30px; margin-bottom: .5rem;	background: transparent url(../images/pdf.png) no-repeat left; line-height: 2em; }
.content img { width: 100%; height: auto; border-radius: 5px; }
.content.text figure { margin: 0.5rem 0 2rem; }
.content.text figure.alignleft.size-full { width: calc(50% - 15px); margin-right: 30px; }
.content.text figure.alignright.size-full { width: calc(50% - 15px); margin-left: 30px; }
.content.text figure.alignleft.size-full figcaption,
.content.text figure.alignright.size-full figcaption { margin: 0; }
.content.text figure.alignleft.size-full.is-resized { width: auto; margin-right: 30px; }
.content.text figure.alignright.size-full.is-resized { width: auto; margin-left: 30px; }

/* Text */

.text { font-size: 1.1rem; line-height: 1.5em; }
.text p { margin-bottom: 1.5rem; }
.text p:last-child { margin-bottom: 0; }
.text p.has-background { padding: 20px 25px 25px; }
.text ul { margin: 0 0 1.5rem 1.1rem; padding: 0; }
.text ul li { list-style-type: square; list-style-position: outside; }
.text ul ul { margin-bottom: 0; margin-left: 1.1rem; }
.text ol { margin: 0 0 1.5rem 1.1rem; padding: 0; }
.text ol li { list-style-type: decimal; list-style-position: outside;  }
.text ol ol { margin-bottom: 0; margin-left: 1.5rem; }
.text .small, .text.small { font-size: .8rem; line-height: 1.35em; }
.text .verysmall, .text.verysmall, .has-small-font-size { font-size: .7rem; line-height: 1.4em; }
.text .wp-block-pullquote, .text .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100% !important; text-align: left; }
.text blockquote { font-size: 1.4em; line-height: 1.25em; margin-bottom: 1.75rem; padding-left: 1.5rem; font-weight: 300; color: #ac2522; border-left: 2px solid #ac2522; }
.text blockquote p { margin-bottom: 1.1rem; }
.text blockquote cite { font-size: .9rem; font-style: normal; }
.text .wp-block-pullquote { margin: 0 0 1.1rem 0 !important; padding: 0 !important; }
.text .wp-block-columns { margin-bottom: 3rem; }
.text .wp-block-columns .wp-block-column,
.text .wp-block-columns .wp-block-column .wp-block-columns { margin-bottom: 0; margin-top: 0; }
.text .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column { margin-top: .55rem; margin-bottom: .55rem; }
.text .wp-block-image figcaption { margin-top: 0.3em; margin-bottom: 1em; font-size: 1rem; }
.text a { color: #ac2522; text-decoration: none; }
.text a:hover { color: #000000; }
.font-white .text a, .font-white.text a, .font-white .text a:visited, .font-white.text a:visited { color: #ffffff; }
.font-white .text a:hover, .font-white.text a:hover { color: #ac2522; }

/* Table */

table { display: table; width: 100%; max-width: 100%; border-spacing: 0; border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: .9rem; }
table tr { display: table-row; border-bottom: 1px dotted #000000; }
table tr:last-child { border-bottom: none; }
table thead { border-bottom: 3px solid #000000; }
table tr th { display: table-cell; text-align: left; font-weight: 600; padding: 0 10px 10px 10px; }
table tr th:first-child { padding: 0 10px 10px 0; }
table tr th:last-child { padding-right: 0; }
table tbody { display: table-row-group; border-bottom: 1px solid #000000; }
table tr td { display: table-cell; padding: 10px; border-right: 1px dotted #000000; line-height: 1.35em; }
table tr td:first-child { padding-left: 0; }
table tr td:last-child { border-right: 0; padding-right: 0; vertical-align: middle; }
table tfoot { display: table-row-group; border-bottom: 1px solid #000000; }

.is-style-stripes { border-spacing: 0; border-collapse: inherit; background-color: transparent; border-bottom: 0; }
.is-style-stripes table tr { display: table-row; border-bottom: 1px dotted #000000; }
.is-style-stripes table tr:nth-child(odd) { background: #ededed; }
.is-style-stripes table tr td { border-right: 1px dotted #000000; }
.is-style-stripes table tr td:first-child { padding-left: 10px; }
.is-style-stripes table tr td:last-child { padding-right: 10px; border-right: 0; }

/* Button */

a.btn { color: #000000; font-size: 1rem; text-decoration: none !important; text-transform: uppercase; letter-spacing: .1em; border-radius: 4px; display: inline-block; }
a.btn.small { font-size: .9rem; }
a.btn:hover { color: #ac2522 !important; }

a.btn.ani::after,
a.btn.ani::before {
  font-family: "simple-line-icons" !important; font-size: .9em !important; font-style: normal; content: "\e606"; color: #ac2522;
  -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
a.btn.ani::after { margin-left: 12px; }
a:hover.btn.ani::after { opacity: 0; margin-left: 0; }
a.btn.ani::before { margin-left: -16px; margin-right: 0; opacity: 0; }
a:hover.btn.ani::before { margin-left: -2px; margin-right: 10px; opacity: 1; 
  font-family: "simple-line-icons" !important; font-size: .9em !important; font-style: normal; content: "\e606"; color: #ac2522;
}

a.btn.ani.back::after,
a.btn.ani.back::before {
  font-family: "simple-line-icons" !important; font-size: .9em !important; font-style: normal; content: "\e605"; color: #ac2522;
  -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
a.btn.ani.back::after { margin-left: -5px; opacity: 0; }
a.btn.ani.back:hover::after { opacity: 1; margin-left: 11px; }
a.btn.ani.back::before { margin-left: 0; margin-right: 10px; opacity: 1; }
a.btn.ani.back:hover::before { margin-right: -14px; margin-left: 0; opacity: 0; 
  font-family: "simple-line-icons" !important; font-size: .9em !important; font-style: normal; content: "\e605"; color: #ac2522;
}

.bottom { position: relative; padding-bottom: 2rem !important; }
.bottom a.btn { position: absolute; bottom: 2vw; left: 2vw; }

.font-white a.ani,
.font-white a.ani:hover,
.font-white a.btn.ani::after,
.font-white a.btn.ani::before,
.font-white a:hover.btn.ani::before { color: #ffffff !important; }

/* OWL */

#owl { padding-bottom: 0; }
#owl .owl-item img { border-radius: 20px; }
.owl-dots { position: relative; text-align: center; z-index: 9000; margin: 30px 8vw 0; }
.owl-dot { display: inline-block; padding: 0 12px 0 0; }
.owl-dot:last-child { padding: 0; }
.owl-dot span { display: block; width: 14px; height: 14px; border-radius: 4px; background: #edf0f2; }
.owl-dot.active span { background: #000000; }
.owl-dot:hover span { background: #ac2522; }

.owl-nav { 
  position: absolute; bottom: 7px; left: 4vw; width: calc(100% - 8vw); height: 24px; margin: 0; display: block; z-index: 9000;
  display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; flex-flow: row wrap;
}
.owl-nav div { display: inline-block; line-height: 0; background: #edf0f2; color: #30383b; border-radius: 7px; padding: 10px; }
.owl-nav div:hover { color: #ffffff; background: #30383b; }
.owl-nav div i { margin: 0; font-size: 20px; }

/* Forms */

.wpcf7 p { margin-bottom: .5rem; }
.wpcf7 form label { font-size: .85rem; display: block; margin-top: 10px; }
.wpcf7 form input { border: 0; }
.wpcf7 form input[type=text], .wpcf7 form input[type=email], .wpcf7 form input[type=tel], .wpcf7 form input[type=url] { 
  font-family: 'Poppins', 'Verdana', 'Geneva', sans-serif;
  font-weight: 400;
  width: 100%; 
  padding: 10px 12px; 
  box-sizing: border-box; 
  font-size: 1rem; 
  background: #edf0f2; 
  outline: none;
  border-bottom: 1px solid #ac2522;
  border-radius: 5px;
}
.wpcf7 form textarea { 
  font-family: 'Poppins', 'Verdana', 'Geneva', sans-serif;
  font-weight: 400;
  width: 100%; 
  height: 120px; 
  padding: 12px; 
  box-sizing: border-box; 
  font-size: 1.1rem; 
  background: #edf0f2; 
  outline: none; 
  border: 0;
  resize: vertical;
  border-bottom: 1px solid #ac2522;
  border-radius: 5px;
}
.wpcf7 form input[type=submit] {
  font-family: 'Poppins', 'Verdana', 'Geneva', sans-serif;
  font-weight: 400;
  display: inline-block; 
  font-size: 1rem; 
  font-weight: 400; 
  line-height: 1em;
  margin-top: 1rem;
  text-decoration: none; 
  color: #ffffff; 
  padding: 10px 15px; 
  background: #ac2522; 
  cursor: pointer;
  -webkit-transition:ease 0.3s; -moz-transition:ease 0.3s; -o-transition:ease 0.3s; transition:ease 0.3s;
  border-radius: 5px;
}
.wpcf7 form input[type=checkbox], .wpcf7 form input[type=radio] {
  border: 1px solid #ccc;
  background-color: #fff;
  width: 14px;
  height: 14px;
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  appearance: checkbox !important;
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: baseline;
}
.wpcf7 .wpcf7-date, .wpcf7 .wpcf7-select {
  font-family: 'Poppins', 'Verdana', 'Geneva', sans-serif;
  font-weight: 400;
  width: 100%; 
  padding: 12px; 
  box-sizing: border-box; 
  font-size: 1.1rem; 
  background: #edf0f2; 
  outline: none;
}
.wpcf7 .wpcf7-date { padding: 11px 12px; }
.wpcf7 form input[type=submit]:hover { background: #000000; color: #ffffff; }
.wpcf7-response-output { margin: 2em 0 1em !important; padding: 0.5em 1em !important; border-radius: 5px; }
.wpcf7-list-item { display: inline-block; margin: 0; }

/* Wordpress Stuff */

.wp-block-button { color: #ffffff; margin: 0!important; display: inline-block; }
.wp-block-button__link {
  background-color: #ac2522 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-size: 1rem !important;
  line-height: 1rem !important; 
  margin: 0 0 1em 0 !important;
  padding: 10px 15px 10px 10px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  overflow-wrap: break-word !important;
}
.wp-block-button__link:before { 
  font-family: 'simple-line-icons';
  font-size: .8em !important;
  content: "\e606";
  margin-right: .5em;
 }
.wp-block-button__link:hover { color: #ffffff !important; background: #000000 !important; }

.font-white .wp-block-button__link { background-color: #ffffff !important; color: #ac2522 !important; }
.font-white .wp-block-button__link:hover { background-color: #30383b !important; color: #ffffff !important; }

.wp-block-image.circle img { border-radius: 50% !important; }
.wp-block-image.shadow img { box-shadow: 0 0 30px rgba(0,0,0,0.15); }

/* Text Effekte */

.texteffect { color: transparent; }

.texteffect.go {
  display: inline;
  color: transparent;
  background-position: left;
  background-size: 0% 100%;
  background-image: linear-gradient(#30383b, #30383b);
  background-repeat: no-repeat;
  animation: wipe 1.2s .3s forwards;
}
@keyframes wipe {
  50% {
    color: transparent;
    background-size: 100% 100%;
  }
  51% {
    color: #30383b;
  }
  100% {
    color: #30383b;
    background-size: 0% 100%;
  }
}

.overlayeffect {
  position: absolute; z-index: 1000;
  top: 0; left: 0; right: 0; bottom: 0;
  background-position: left;
  background-size: 100% 100%;
  background-image: linear-gradient(#30383b, #30383b);
  background-repeat: no-repeat;
  animation: bgwipe .6s .9s forwards;
}
@keyframes bgwipe {
  100% {
    background-size: 0 100%;
  }
}

.pageloadeffect {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-size: 100% 100%;
  background-image: linear-gradient(#ffffff, #ffffff);
  background-repeat: no-repeat;
  animation: swipeout .5s .2s forwards;
  z-index: 11000;
}
.pageloadeffect.swipeout { right: 0; }
@keyframes swipeout {
  100% {
    right: 100%;
  }
}

.pageloadeffect.swipein {
  position: fixed;
  top: 0; left: 0; right: 100%; bottom: 0;
  background-size: 100% 100%;
  background-image: linear-gradient(#ffffff, #ffffff);
  background-repeat: no-repeat;
  animation: swipein .15s .1s forwards;
  z-index: 11000;
}
.pageloadeffect.swipein { right: 100%; }
@keyframes swipein {
  100% {
    right: 0;
  }
}

.herotitle, .herotitlestart {
  display: inline-block;
  transition: transform .7s, clip-path .7s;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  transform: translateY(100%);
}
.herotitlestart { transition: transform .7s .4s, clip-path .7s .4s; }
.herotitlestart.two { transition: transform .7s .6s, clip-path .7s .6s; }

.herotitle.show, .herotitlestart.show {
  -webkit-clip-path: inset(0 0 -0.5em 0);
  clip-path: inset(0 0 -0.5em 0);
  transform: translateY(0);
}

/* Scroll animation */

.icon-scroll,
.icon-scroll:before { position: absolute; left: 50%; z-index: 9999; }

.icon-scroll {
  width: 24px;
  height: 40px;
  margin-left: -12px;
  bottom: 2vw;
  box-shadow: inset 0 0 0 2px #ffffff;
  border-radius: 25px;
  margin-bottom: -50px; 
  margin-top: 50px; 
  opacity: 0;
}
.icon-scroll:before {
  content: '';
  width: 4px;
  height: 4px;
  background: #ffffff;
  margin-left: -2px;
  top: 6px;
  border-radius: 2px;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}

@keyframes scroll {
  0% { opacity: 1;}
  100% { opacity: 0; transform: translateY(20px) }
}

.icon-scroll.visible {
  opacity: 1;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-transition: margin 1s 5s ease, opacity 1s 5s; 
  -moz-transition: margin 1s 5s ease, opacity 1s 5s; 
  -o-transition: margin 1s 5s ease, opacity 1s 5s; 
  transition: margin 1s 5s ease, opacity 1s 5s; 
}