@charset "utf-8"; /* CSS Document */ @import url('https://fonts.googleapis.com/css?family=EB+Garamond:400'); @import url('https://fonts.googleapis.com/css?family=Overpass:100,200,300,400,600,700,800'); @import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900'); /*Font Grau: #575756, rgba(102,80,60,1.00) Hellbraun/gold: #cba876, rgba(203,168,118,1.00) - kommt weg Gruen: #87b14e - rgba(135,177,78,1.00) font-family: 'Lato', sans-serif; */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} *{ margin:0; padding:0; border:0; } input, textarea, select { border-radius: 4; -webkit-border-radius:4; } * { -webkit-tap-highlight-color:transparent; } /* Hiermit können Safari >=1.1, Opera >=9.5, IE9 was anfangen*/ ::selection { background: #575756; color: #FFFFFF; } /* und hiermit der Firefox >=1 */ ::-moz-selection { background: #575756; color: #FFFFFF;} html { font-size: 18px; line-height: 1.4; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body {font-family: 'Lato', sans-serif; color:#000000; text-align:center; background-repeat:repeat; background-color:#FFFFFF; font-weight: 400; line-height: 1.5;} div#wrap { position: relative; width:100%; margin:0 auto; padding:0; text-align:center; } #top-request { position: fixed; width:100%; margin:0 auto; padding:0; text-align:center; display:none; z-index:1000000; } #top-request.visible { display:block; } #top-request a { text-decoration:none; margin: 0 5px; font-size:14px; font-family: 'Lato', sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:3px; background-color:#575756; color:#FFFFFF;} #top-request a:hover { background-color:#FFFFFF; color:#575756;} /* header */ div#header { position:relative; width:100%; text-align:center; margin:0 auto; padding:20px 0 0 0; background-color: rgba(0,0,0,0.2); transition: all 0.4s ease; z-index:100; } div#header_wrap { position:relative; width:1320px; text-align:right; margin:0 auto; z-index:1; height:120px; } /* sprache */ div#sprache { position:absolute; float:right; margin: 0; padding:0; text-align:left; left:150px; letter-spacing:1px; z-index:150; } div#sprache a { text-decoration:none; font-size:14px; margin: 0 5px; color:rgba(255,255,255,1.00); font-family: 'Lato', sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:3px;} div#sprache a:hover { text-decoration:none; } div#sprache li { display:inline; padding:0 5px;} div#sprache a.button { margin-top:15px;} /* Logo */ div#logo { position:absolute; margin: 0; padding:0; width:100%; text-align:center; } div#logo_wrap { transition: all 0.4s ease; } div#logo img { width:auto; height:100%; max-height:100px; } /* kontakt */ div#kontakt { position:absolute; margin: 0; padding:0 20px 0 20px; width:auto; letter-spacing:1px; z-index:150; right:0; } div#kontakt a { text-decoration:none; font-size:14px; margin: 0 5px; font-family: 'Lato', sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:1px; } div#kontakt a:hover { text-decoration:none; } div#kontakt li { display:inline; padding:0 5px;} div#kontakt a.button { margin-top: 20px; padding: 20px 100px;} /* slider */ div#section-slider { position:relative; float:left; width:100%; text-align:center; margin:0 auto; padding:0; margin-top:-140px; } div#section-slider-wrap { position:relative; width:100%; padding: 0 0; text-align:right; margin:0 auto; z-index:1; } .slick-initialized .slick-slide { background-size: 100% 100%; background-repeat: no-repeat;} .slick-container [ID*=loader-slick-] { opacity:0;} div#section-slider #news-button { width: 250px; height: 250px; position: absolute; bottom: 10%; right: 15%; z-index: 10;} @media screen and (max-width: 1023px){ div#section-slider #news-button { width: 200px; height: 200px; bottom: 10%; right: 15px;} div#section-slider #news-button img { width: 200px; height: 200px; } } @media screen and (max-width: 640px){ div#section-slider #news-button { width: 150px; height: 150px; bottom: 10%; right: 15px;} div#section-slider #news-button img { width: 150px; height: 150px; } } @media screen and (max-width: 480px){ div#section-slider #news-button { width: 100px; height: 100px; bottom: 30px; right: 45px;} div#section-slider #news-button img { width: 100px; height: 100px; } } .card-header {background-color: #E6E6E3; padding: 5px 0; } .card-header a { color: #646463; border-radius: 0; font-weight: 400;} .accordion .show { display: unset!important;} main, #main {position:relative; width:100%; float:left; z-index:0; padding-top:30px; } main.detail, #main.detail {top:120px; } h1, p.h1 { font-size:52px; font-weight:400; font-family: 'Lato', sans-serif; line-height:63px; color:#575756; letter-spacing:1px; margin:0; text-transform:uppercase; } h2, p.h2 { font-size:20px; font-weight:400; font-family: 'Lato', serif; line-height:36px; color:#575756; letter-spacing:4px; text-transform:uppercase; } h3, p.h3 { font-size:30px; font-weight:400; font-family: 'Lato', sans-serif; line-height:36px; color:#575756; margin-bottom:0; letter-spacing:3px; text-transform:uppercase; } p { font-family:'Lato', "Times New Roman", sans-serif; font-size:18px; line-height:32px; font-weight:400; text-align:left; color:#000000;} p.center { text-align:center; } li { font-family:'Lato', "Times New Roman", sans-serif; text-align:left; margin:0 20px 0 0; font-weight:400; font-size:18px; line-height: 32px; } ul { font-family:'Lato', "Times New Roman", sans-serif; list-style: none; padding: 0 20px; font-weight:400; } ol { font-family:'Lato', "Times New Roman", sans-serif; list-style: none; padding: 0 40px; font-weight:400; } a { font-family:'Lato', "Times New Roman", sans-serif; color: #333; text-decoration: none; font-weight:300; } li:before { content: '→';} li:before, ul:before { font-family: 'slick', sans-serif; font-size: 14px; line-height: 1; opacity: 1; color: #6b6b6b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: -25px; margin-right: 5px; margin-top:5px;} hr {margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 0; display:block; height:25px; background-image: url(../images/trenner.png); background-position:top center; background-repeat:no-repeat;} p.align-center { text-align:center;} a.internal-link, a.mail, a.download { padding: 0 5px; font-size: 18px; font-weight: 500; color:#FFFFFF; text-transform:uppercase; background-color:#8F8E69; font-family: 'Lato', serif; display: inline-block; cursor: pointer; outline: 0; text-decoration: none; text-shadow: none !important; text-align: center; width: 50%; position: relative; margin: 24px 25%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } a.link, a.internal_link { color:#4a4843; font-size:18px; line-height:32px; font-weight:500; text-decoration:none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } a.external-link-new-window{ color:#8F8E69; text-decoration:none; font-size:18px; line-height:32px; font-weight:500;} a.internal-link:hover, a.link:hover, a.internal_link:hover { color:#8F8E69; } a[href^="tel:"] { color: #4a4843; text-decoration: none;} .button { font-weight: 400; margin:0; text-transform:uppercase; font-size:18px; outline: 0; color: #575756; background-color:#FFFFFF; text-shadow: none !important; text-align: center; position: relative; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); border-radius:0; display: block; padding:15px 20px 20px 20px; text-decoration:none; cursor: pointer; min-width:90px; } .button:hover { background-color:#87b14e; cursor:pointer; color:#FFFFFF;} .button:active, .button.is-checked { background-color:#87b14e; color:#FFFFFF; } .button.is-checked { background-color:#87b14e; color:#FFFFFF;} .button:active { background-color:#87b14e; color:#FFFFFF;} #restart { position: relative; width: 100%; float: left; text-align: center; padding: 0; padding-bottom: 50px; height: 50px;} #section1 { position:relative; width:100%; float:left; height:auto; text-align:center; padding: 0; } #section1 .col-md-6 { height:100%;} #section1 .col-md-6 h2 { color:#575756; text-align:center; padding-bottom:0; text-transform:uppercase; } #section1 .col-md-6 .h2 { color:#575756; padding-bottom:0; text-transform:uppercase; } #section1 .col-md-6 ul { color:#575756; } #section1 .col-md-6 p { color:#575756; } #section1 .col-md-6 li:before, #section1 .col-md-6 ul:before { color:#575756; } #section1 .colums1.borderlinie h1{ color:#575756;} #section1 .colums1.borderlinie h2{ color:#575756;} #section1 .colums1.borderlinie p{ padding:0 20px; color:#575756; text-align:center;} #section1 .colums1.borderlinie a{ color:#575756; } #section1 .colums1.borderlinie li:before, ul:before { color:#575756; } #section1 .colums1.borderlinie li { color:#575756; padding:0 20px;} #section1 .colums1.borderlinie ol, #section1 .colums1.borderlinie ul { color:#575756; padding:0 20px;} .colums1.borderlinie { border-color:#575756; border-style:solid; border-width:1px; text-align:center; padding:30px 50px; margin:40px 0 40px 0; } .border { border-color:rgba(255,255,255,1.00); border-width:5px; border-style:solid;} .hgcolorhell { background-color:#FFFFFF; } #section1 .colums1.hgcolorhell h1{ color:#575756;} #section1 .colums1.hgcolorhell h2{ color:#575756;} #section1 .colums1.hgcolorhell p{ padding:0 20px; color:#575756; text-align:center;} #section1 .colums1.hgcolorhell a{ color:#575756; } #section1 .colums1.hgcolorhell li:before, ul:before { color:#575756; } #section1 .colums1.hgcolorhell li { color:#575756; padding:0 20px;} #section1 .colums1.hgcolorhell ol { color:#575756; padding:0 20px;} #section1 .colums1.hgcolorhell .slick-container { padding: 25px 0} #section1 .colums1.hgcolorhell .col-md-4 .slick-container { padding: 0 0} #section1 .colums1.muster { text-align:center; padding:40px 40px; margin:40px 0; background-repeat:repeat-x; background-image:url(../images/muster.jpg); background-color:#f6f5f4; border-bottom-color:#eceae8; border-top-color:#eceae8; border-left-width:0; border-right-width:0; border-bottom-width:1px; border-top-width:1px; border-bottom-style:solid; border-top-style:solid;} #section1 .colums1.muster h1{ color:#575756;} #section1 .colums1.muster h2{ color:#575756;} #section1 .colums1.muster p{ color:#575756; text-align:center;} #section1 .colums1.muster a{ color:#575756; } #section1 .colums1.muster li:before, ul:before { color:#575756; } #section1 .colums1.muster li { color:#575756; padding:0 20px;} #section1 .colums1.muster ol { color:#575756; padding:0 20px;} #section1 .colums1.muster .row { display: flex; align-items: center;} #section1 .colums1.muster .ce-row { margin-top: 0;} .hgcolordark { background-color:#575756; } #section1 .colums1.hgcolordark { text-align:center; padding:40px 40px; margin:40px 0; background-repeat:repeat-x; background-color:#575756; border-bottom-color:#eceae8; border-top-color:#eceae8; border-left-width:0; border-right-width:0; border-bottom-width:1px; border-top-width:1px; border-bottom-style:solid; border-top-style:solid;} #section1 .colums1.hgcolordark h1{ color:#000000;} #section1 .colums1.hgcolordark h2{ color:#000000;} #section1 .colums1.hgcolordark h3{ color:#FFFFFF;} #section1 .colums1.hgcolordark p{ color:#000000; text-align:left; font-size:18px; line-height:24px;} #section1 .colums1.hgcolordark p.h3{ color:#FFFFFF; text-align:center; } #section1 .colums1.hgcolordark a{ color:#000000; } #section1 .colums1.hgcolordark li:before, ul:before { color:#000000; font-size:14px; } #section1 .colums1.hgcolordark li { color:#000000; padding:0 20px; font-size:18px; line-height:32px;} #section1 .colums1.hgcolordark ol { color:#000000; padding:0 20px;} #section1 .col-md-4 { background-color:transparent; margin: 0px 2.5%; padding:0; } #section1 .col-md-4 li, #section1 .col-md-4 p{ color:#575756; padding:0 10px; } #section1 .col-md-4 li:before, ul:before { color:#575756; } #section1 .col-md-4 h1, #section1 .col-md-4 p.h1 { padding: 40px 40px; } #section1 .col-md-4 h2, #section1 .col-md-4 p.h2 { text-transform: none; } #section1 .col-md-4 h3, #section1 .col-md-4 p.h3 { text-transform: uppercase; color:#575756; padding:10px 10px; text-align:center; } #section1 .colums1.hgcolordark .col-md-4 p.h3, #section1 .colums1.hgcolordark .col-md-4 h3{ color:#575756; text-align:center; font-weight:700; } #section1 .col-md-4 .frame-type-image{background-color: white; margin-right: 20px;} #section1 .col-md-4 .frame-type-textpic {background-color: white; margin-right: 20px;} #section1 .col-md-4 .frame-type-html {background-color: white; margin-right: 20px;} #section1 .col .frame-type-html {background-color: white; margin-right: 20px;} #section1 .col .frame-type-textpic {background-color: white; margin-right: 20px;} .buttonrequest { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin: 10px; border: 1px solid rgba(0,0,0,0.4) ; box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 0 1px 1px rgba(255,255,255,0.8), 0 0 0 6px rgba(0,0,0,0.06), 0 0 0 3px rgba(0,0,0,0.1); cursor: pointer;} .titlerequest { padding: 10px; float: left; color: #fff;font-family: 'Lato', sans-serif; font-weight: 600; font-size: 22px; letter-spacing:0; text-shadow: 1px 1px rgba(0,0,0,0.2); text-transform: none; border-right: 1px solid rgba(255,255,255,0.3); } .price { padding: 10px; float: left; color: rgba(0,0,0,0.8); font-weight: 800; font-size: 28px; text-shadow: 1px 1px rgba(255,255,255,0.3); text-transform: uppercase; border-left: 1px solid rgba(0,0,0,0.2); } .green { background: rgb(143,200,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYzgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjhlMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(143,200,0,1) 0%, rgba(102,142,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,200,0,1)), color-stop(100%,rgba(102,142,0,1))); background: -webkit-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%); background: -o-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%); background: -ms-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%); background: linear-gradient(top, rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#668e00',GradientType=0 ); } .green:hover { background: rgb(102,142,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2OGUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZmM4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(102,142,0,1) 0%, rgba(143,200,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,142,0,1)), color-stop(100%,rgba(143,200,0,1))); background: -webkit-linear-gradient(top, rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%); background: -o-linear-gradient(top, rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%); background: -ms-linear-gradient(top, rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%); background: linear-gradient(top, rgba(102,142,0,1) 0%,rgba(143,200,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#668e00', endColorstr='#8fc800',GradientType=0 ); } .panel-default>.panel-heading { background-color:#575756; border-bottom-color:#575756; border-top-color:#575756; border-left-width:0; border-right-width:0; border-bottom-width:0; border-top-width:1px; border-bottom-style:solid; border-top-style:solid; } .panel { display: block; background-color: #FFFFFF; border-width:0; } .panel-group .panel { margin: -4px;} .panel-heading { padding: 25px 25px;} .panel-heading h4.panel-title { font-size:30px; font-weight:700; font-family: 'Lato', sans-serif; line-height:36px; color:#FFFFFF; margin-bottom:0; letter-spacing:1px; text-transform:none; text-align:center; } .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a { font-size:30px; font-weight: 700; line-height: 36px; color: #FFFFFF; } .panel-title a.accordion-toggle:after { content:url(../images/up.png); font-size: 18px; line-height: 1; opacity: 1; color: #575756; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; float: left; text-align: center; width: 100%;} .panel-title a.collapsed:after { content:url(../images/down.png); font-size: 18px; line-height: 1; opacity: 1; color: #575756; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; float: left; text-align: center; width: 100%;} .panel-title>.small:hover, .panel-title>.small>a:hover, .panel-title>a:hover, .panel-title>small:hover, .panel-title>small>a:hover { text-decoration:none;} #section1 .panel h1 { text-align:left; text-transform:none; } #section1 .panel p { } #section1 .panel-body h1, #section1 .panel-body .h1 { font-size:30px; line-height:40px; } #section5 { position:relative; width:100%; float:left; text-align:center; height:auto; padding: 20px 0; margin: 0 0; background-color:#575756; margin-top:50px } #section5 p.h1 { font-size:36px; line-height:54px; font-weight:500; color:#FFFFFF; text-align:center; letter-spacing: 0; } #section5 p { padding-bottom:0; font-size:16px; line-height:16px; font-weight:400; color:#FFFFFF; text-align:center; } #section5 a { text-decoration:none; padding:5px; color:#FFFFFF; } #section5 img { margin:12px 10px;} #section5 .colums1 img { max-width:100%; height:auto;} #section6 { position:relative; width:30%; float:right; text-align:right; color:#FFFFFF; height:auto; padding: 0; margin: 0; padding-right:40px; top:-60px; } #section7 { position:relative; width:100%; float:left; height:auto; text-align:center; padding: 0; margin-bottom:50px; top:-100px; margin-top:50px; } #section7 p { font-size:16px; text-align:center; } #section7 img { margin:12px 10px; max-width:80%;} #section7 a { padding: 0 10px; font-size:16px;} #col100w { position:relative; width:1320px; height:auto; text-align:center; margin:0 auto; padding:0; } /* 100% */ .colums1 { position:relative; width:100%; float:left; margin:0; } /* Anfrageformular */ div#main .powermail_form.powermail_form_1 fieldset { border: 0; margin: 0; padding: 0; } div#main .powermail_form.powermail_form_1 .nolabel legend.powermail_legend { display:none;} div#main .powermail_form.powermail_form_1.nolabel h3 { display:none;} div#main .powermail_form.powermail_form_1 h2 { display:none;} div#main .powermail_form.powermail_form_1 form { padding:20px 10px 10px 15px; max-width:80%; margin:0 auto; color: #000000; font-family:'Overpass', sans-serif;} div#main .powermail_form.powermail_form_1 label { text-align:left; width:100%; position:relative; float:left; font-size:16px; padding: 0 10px 0 0; font-weight:400; font-family:'Overpass', sans-serif; line-height:40px} div#main .powermail_form.powermail_form_1 label.form-check-label label.form-check-label {padding: 0 10px 0 80px; line-height:40px} div#main .powermail_form.powermail_form_1 .clear {clear:both; } div#main .powermail_form.powermail_form_1 input { width:100%; height:3em; background-color:#FFFFFF; margin:10px; margin-left:0; font-size:16px; border-color:#575756; border-style:solid; border-width: 1px; font-family:'Overpass', sans-serif; border-radius: 4px; padding: 6px 12px;} div#main .powermail_form.powermail_form_1 .btn-toolbar>.btn-group { margin-left: 5px; width: 100%; text-transform:uppercase; font-family:'Overpass', sans-serif;} div#main .powermail_form.powermail_form_1 select { width: 100%; background-color:#FFFFFF; margin:10px; height:3em; margin-left:0; font-size:16px; border-color:#575756; border-style:solid; border-width:1px; font-family:'Overpass', sans-serif; border-radius: 4px; padding: 6px 12px;} div#main .powermail_form.powermail_form_1 textarea { min-height: 200px; color: #4a4843; background: #FFFFFF; width:100%; font-size:16px; border-color:#575756; border-style:solid; border-width:1px; font-family:'Overpass', sans-serif; border-radius: 4px; padding: 6px 12px;} div#main .powermail_form.powermail_form_1 .checkbox input[type=checkbox] { float:left; left:0; margin-bottom: 0; width: 20px; height: 20px; vertical-align: middle; border-style: none; background-color:#FFFFFF; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox;} div#main .powermail_form.powermail_form_1 .powermail_field .checkbox label {padding: 0 10px 0 30px;} div#main .powermail_form.powermail_form_1 input:focus { border-color: rgba(186, 135, 72, 0.4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6); outline: 0 none; } div#main .powermail_form.powermail_form_1 .powermail_fieldwrap.layout1 { width: 48%; margin-right: 2%; float: left;} div#main .powermail_form.powermail_form_1 .powermail_fieldwrap.layout2 { width: 50%; float: left; } div#main .powermail_form.powermail_form_1 .powermail_fieldwrap.nolabel label.powermail_label {display: none;} div#main .powermail_form.powermail_form_1 input.powermail_submit { cursor: pointer; color: #FFFFFF; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 700; margin: 0; width: 100%; padding: 10px; height: 50px; font-size: 14px; letter-spacing: 2px; border-color:#575756; border-style: solid; border-width: 1px; clear: both; background: rgb(143,200,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYzgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjhlMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(143,200,0,1) 0%, rgba(102,142,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,200,0,1)), color-stop(100%,rgba(102,142,0,1))); background: -webkit-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%); background: -o-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%); background: -ms-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%); background: linear-gradient(top, rgba(143,200,0,1) 0%,rgba(102,142,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#668e00',GradientType=0 ); } div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_kinder {width: 31%; margin-right: 2%; float: left;} div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_jahrekinder {width: 33%; float: left;} div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_jahrekinder1, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_jahrekinder2, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_jahrekinder3, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_jahrekinder4, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_jahrekinder5, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_jahrekinder6 {width: 31%; margin-right: 2%; float: left; display: none;} @media screen and (max-width: 590px){ div#main .powermail_form.powermail_form_1 .powermail_fieldwrap { padding-bottom: 20px; } div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_anreise, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_abreise, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_erwachsene, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_kinder, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_jahrekinder, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_anrede, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_vorname, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_nachname {width: 100%; margin-right: 0; } div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_erwachsene .powermail_label, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_kinder .powermail_label, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_jahrekinder .powermail_label, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_vorname .powermail_label, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_nachname .powermail_label, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_emailadresse .powermail_label, div#main .powermail_form.powermail_form_1 .powermail_fieldwrap_telefon .powermail_label {display: none;} } div#main .tx-powermail input.btn-primary, div#main .tx-powermail input.btn-danger { background-color: #565142; cursor: pointer; color: #f4821e; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 800; margin: 0; width: 100%; padding: 10px; height: 5em; font-size: 14px; letter-spacing: 3px; border-color: #92918e; border-style: solid; border-width: 1px; clear: both; } div#main .tx-powermail .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 15px; font-size: 16px; } div#main .powermail_form.powermail_form_1 input::placeholder { color: #575756 !important; font-size:16px; } div#main .powermail_form.powermail_form_1 input::-webkit-input-placeholder { color: #575756; font-size:16px;} div#main .powermail_form.powermail_form_1 input::-moz-placeholder { color: #575756; font-size:16px;} div#main .powermail_form.powermail_form_1 input:-ms-input-placeholder { color: #575756; font-size:16px;} div#main .powermail_form.powermail_form_1 input:-moz-placeholder { color: #575756; font-size:16px; } DIV#errormessage { color: #ff0000;} DIV#errormessage ul { margin-top: 10px;} form#mail input#privacy, form#mail input#newsletter, form#mail input#anfrage_typ { margin-bottom: 10px; width: 16px; height: 16px; vertical-align: middle; border-style: none; background-color:#fdd0a0;} form#mail input#submit { text-transform:uppercase; background-color:#CCC; color:#000000; margin-left: 15px; padding:10px 20px; height:60px; } .form-group-col1 { float:left; width:48.6%; margin-left:5px;} .form-group-col2 { float:left; width:98%; margin-left:5px;} .form-group-col3 { float:left; width:32.2%; margin-left:5px;} .form-group-col4 { float:left; width:39%; margin-left:5px;} .form-group-col5 { float:left; width:58%; margin-left:5px;} @media screen and (max-width: 480px){ .form-group-col1 { width:98%; margin-left:1%;} .form-group-col2 { width:98%; margin-left:1%;} .form-group-col3 { width:98%; margin-left:1%;} .form-group-col4 { width:98%; margin-left:1%;} .form-group-col5 { width:98%; margin-left:1%;} } .csc-textpic-imagerow { padding:0; margin:0;} .csc-textpic-image img{ padding:0; margin:0; background-position:top left; } .csc-textpic-imagecolumn{ padding:0; margin:0;} .csc-textpic-imagewrap{ padding:0; margin:0;} .lightbox{ padding:0; margin:0;} .ce-column { max-width: 100%;} .ce-gallery img { display: block; float: left; width: 100%; height: auto; } .ce-right .ce-gallery { float: none;} .ce-intext.ce-right .ce-gallery { margin-left: 0; } .ce-column { margin-right: 7.2px;} .ce-row { margin-top: 7.2px;} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-slider figure figcaption { background: rgba(255,255,255,0.2); bottom: 0; color: #fff; font-size: 22px; padding: 2vh; position: absolute; text-align: center; width: 100%;} .slick-slider figcaption { margin-top: -55px; color: white;} .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus { outline: none;} .slick-list.dragging { cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track { position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right;} /* Slider .slick-slide img { display: block; max-height:290px; } div#section-slider-wrap .slick-slide img { display: block; max-height:1320px; }*/ #section-slider .slick-slide img { display: block; object-fit:cover;} #section1 .slick-slide img { display: block; height:auto; object-fit:cover;} .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none;} .slick-loading .slick-list{ background: #fff url('ajax-loader.gif') center center no-repeat;} /* Icons */ @font-face{ font-family: 'slick'; font-weight: normal; font-style: normal; src: url('fonts/slick.eot'); src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 70%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .5; } .slick-prev:before, .slick-next:before { font-family: 'slick', sans-serif; font-size: 40px; line-height: 1; opacity: .75; color: #6b6b6b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-slider .slick-prev { left: 40px; z-index:5000; } [dir='rtl'] .slick-prev { right: 20px; left: auto; } .slick-prev:before{ content:url(arrow-left-48.png); } [dir='rtl'] .slick-prev:before { content:url(arrow-right-48.png); } .slick-slider .slick-next { right: 40px; } [dir='rtl'] .slick-next{ right: auto; left: 20px; } .slick-next:before{ content:url(arrow-right-48.png); } [dir='rtl'] .slick-next:before { content:url(arrow-left-48.png);} /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick', sans-serif; font-size: 12px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color:#8F8E69; } .slick-text .h1{ display:block} .slick-bgimg .slick-item.slick-active .slick-text .h1, .slick-bgimg .slick-item.slick-active .slick-text .h2 { animation:none;} .slick-bgimg .slick-item .slick-text { position: absolute; overflow: hidden; top: 20%; width: 96%; margin-left: 2%; text-align: center; transform: translateY(-50%);} .slick-bgimg .slick-item .slick-text .h1, .slick-bgimg .slick-item .slick-text .h2 { display: block; letter-spacing:0; text-align: center; text-shadow: 0 0 5px #6b6b6b; white-space: nowrap; word-break: keep-all; } .slick-bgimg .slick-item .slick-text .h1 { font-size: 36px; font-family: 'Lato', sans-serif; line-height: 1.16; letter-spacing:1px; font-weight:200; } .slick-bgimg .slick-item .slick-text .h2 { font-size:1.5em; font-weight:500; font-family: 'Lato', serif; line-height:32px; color:#FFFFFF; text-transform:none; } /*------------------------------------------------------------------------------------------------------ Scroll to top button */ .cd-top { display: inline-block; height: 40px; width: 40px; border-radius: 30px; /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; content:url(arrow-top-48.png); visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; z-index:100000 } .cd-top svg { fill: #000000; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;} .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: 1;} .no-touch .cd-top:hover { background-color: #8F8E69; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 20px; } } .card {} .card-header {background-color: #575756; padding: 5px 0; } .card-header a { color: #646463; border-radius: 0; font-weight: 400;} .accordion .show { display: unset!important;} .card a:not(.btn) { color: #FFFFFF;} .card a:not(.btn):hover { color: rgba(255,255,255,0.8);} .accordion-item { border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;} .accordion-item + .accordion-item { margin-top: .25em;} .accordion-header { padding: 0; border-bottom: 0;} .accordion-title { font-size: 1.1rem; font-weight: normal; margin-bottom: 0; line-height: 1.2em;} .accordion-title-link, .accordion-title-link:focus, .accordion-title-link:hover { color: inherit; text-decoration: none;} .accordion-title-link { padding: 1rem 1.5rem; padding-right: calc(1.5rem + 2em); position: relative; display: block;} .accordion-title-link-state { position: absolute; height: .8em; width: .8em; top: 50%; right: 1.5rem; transform: translate(0, -50%);} .accordion-title-link-state:before, .accordion-title-link-state:after { content: ''; position: absolute; top: 50%; left: 0; display: block; height: 1px; width: 100%; background-color: currentColor; transition: all .2s ease-in-out; } .accordion-title-link-state:before { transform: rotate(-45deg);} .accordion-title-link-state:after { transform: rotate(45deg);} .accordion-title-link.collapsed .accordion-title-link-state:before { transform: rotate(0);} .accordion-title-link.collapsed .accordion-title-link-state:after { transform: rotate(90deg);} .accordion-content { display: flex; flex-wrap: wrap; margin-left: -0.75rem; margin-right: -0.75rem;} .accordion-content-item { flex-grow: 1; order: 1; padding-left: 0.75rem; padding-right: 0.75rem; width: 100%;} .accordion-content-text *:last-child { margin-bottom: 0;} .accordion-body { border-top: 1px solid rgba(0, 0, 0, 0.125);} @media (min-width: 768px) { .accordion-content-right .accordion-content-item, .accordion-content-left .accordion-content-item { width: 50%; } .accordion-content-right .accordion-content-item *:last-child, .accordion-content-left .accordion-content-item *:last-child { margin-bottom: 0; } } .accordion-content-top .accordion-content-media, .accordion-content-left .accordion-content-media { margin-bottom: 1.5rem;} @media (min-width: 768px) { .accordion-content-left .accordion-content-media { margin-bottom: 0; } } .accordion-content-bottom .accordion-content-media, .accordion-content-right .accordion-content-media { order: 2; margin-top: 1.5rem;} @media (min-width: 768px) { .accordion-content-right .accordion-content-media { margin-top: 0; } } /*Datenschutz*/ #wCookieConsent li:before, #wCookieConsent ul:before { opacity: 1; margin: 0; content: '';} #wCookieConsent .cm-services {font-size: 0.8rem;} .klaro {line-height: 25px;} .klaro .cookie-modal .cm-modal .cm-body ul.cm-services, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes { font-size: 1rem;} .klaro .cookie-modal p { font-size: 0.8rem; line-height: 20px;} .klaro .cookie-modal label {font-size: 0.8rem; } .klaro .cookie-modal p, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .context-notice p, .klaro .context-notice h1, .klaro .context-notice h2, .klaro .context-notice ul, .klaro .context-notice li, .klaro .cookie-notice p, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li { line-height: 20px;} .klaro .cookie-modal .cm-modal .cm-body p.purposes { font-size: 0.8rem;} button {background-color: transparent; color: #FFFFFF; font-size: 18px; font-weight: 500;}