@charset "utf-8"; /* CSS Document */ @import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800|Roboto:300,400,700'); @import url('https://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900'); /*Font Dunkelbraun: #66503c, rgba(102,80,60,1.00) Hellbraun/gold: #cba876, rgba(203,168,118,1.00) Rot: #c00d0d rgba(192,13,13,1.00) Schwarz: #393939 font-family: 'Exo', 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; } * { -webkit-tap-highlight-color:transparent; } /* Hiermit können Safari >=1.1, Opera >=9.5, IE9 was anfangen*/ ::selection { background: #c00d0d; color: #FFFFFF; } /* und hiermit der Firefox >=1 */ ::-moz-selection { background: #c00d0d; 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: 'Exo', sans-serif; color:#393939; 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: 'Roboto', sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:3px; background-color:#393939; color:#FFFFFF;} #top-request a:hover { background-color:#c00d0d; color:#FFFFFF;} /* header */ div#header { position:relative; width:100%; text-align:center; margin:0 auto; padding:20px 0 0px 0; 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:0px 0 0 0; text-align:left; 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: 'Roboto', 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; text-align:left; width:100%; text-align:center; } div#logo_wrap { transition: all 0.4s ease; padding-right:50px; } div#logo img { width:auto; height:100%; } /* kontakt */ div#kontakt { position:absolute; margin: 0; padding:0px 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: 'Raleway', sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:3px; } div#kontakt a:hover { text-decoration:none; } div#kontakt li { display:inline; padding:0 5px;} div#kontakt a.button { margin-top:0px; 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%; max-width:2900px; 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;} 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:50px; font-weight:200; font-family: 'Exo', sans-serif; line-height:63px; color:#393939; margin-bottom:0; letter-spacing:1px; margin:0; } h2, p.h2 { font-size:1.5em; font-weight:300; font-family: 'Exo', serif; line-height:36px; color:#393939; text-transform:none; } h3, p.h3 { font-size:30px; font-weight:300; font-family: 'Exo', sans-serif; line-height:36px; color:#393939; margin-bottom:0; letter-spacing:3px; text-transform:uppercase; } p { font-family:'Roboto', "Times New Roman"; font-size:1.5em; line-height:32px; font-weight:300; text-align:left; color:#393939;} p.center { text-align:center; } li { font-family:'Roboto', "Times New Roman"; line-height: 32px; text-align:left; margin:0 20px 0 0; font-weight:300; } ul { font-family:'Roboto', "Times New Roman"; list-style: none; padding: 0 40px; font-size:1.5em; font-weight:300; } ol { font-family:'Roboto', "Times New Roman"; list-style: none; padding: 0 40px; font-size:1.5em; font-weight:300; } a { font-family:'Exo', "Times New Roman"; color: #393939; text-decoration: none; font-weight:300; } li:before { content: '→';} li:before, ul:before { font-family: 'slick'; font-size: 18px; line-height: 1; opacity: 1; color: #393939; -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: 1px solid #eee; display:block; border:none; height:20px; background-image: url(../images/trenner.png); background-position:top center; background-repeat:no-repeat;} a.internal-link, a.mail, a.download { padding: 0 5px; font-size: 18px; font-weight: 500; color:#ba303a; text-transform:uppercase; background-color:#7c082e; font-family: 'Exo', 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:#c00d0d; 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:#ba303a; text-decoration:none; font-size:18px; line-height:32px; font-weight:500;} a.internal-link:hover, a.link:hover, a.internal_link:hover { color:#ba303a; } a[href^="tel:"] { color: #393939; text-decoration: none;} .button { font-weight: 400; padding:0; margin:0; text-transform:uppercase; font-size:18px; display: inline-block; cursor: pointer; outline: 0; color: #393939; background-color:#FFFFFF; text-decoration: none; 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:0px; display: block; padding:15px 20px 20px 20px; text-decoration:none; cursor: pointer; min-width:90px; } .button:hover { background-color:rgba(192,13,13,1.00); cursor:pointer; color:#FFFFFF;} .button:active, .button.is-checked { background-color:rgba(192,13,13,1.00); color:#393939; } .button.is-checked { background-color:rgba(192,13,13,1.00); color:#393939;} .button:active { background-color:rgba(192,13,13,1.00); color:#393939;} #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:#393939; text-align:center; padding-bottom:0; text-transform:uppercase; } #section1 .col-md-6 .h2 { color:#393939; padding-bottom:0; text-transform:uppercase; } #section1 .col-md-6 ul { color:#393939; } #section1 .col-md-6 p { color:#393939; } #section1 .col-md-6 li:before, #section1 .col-md-6 ul:before { color:#393939; } #section1 .colums1.borderlinie h1{ color:#393939;} #section1 .colums1.borderlinie h2{ color:#393939;} #section1 .colums1.borderlinie p{ padding:0 20px; color:#393939; text-align:center;} #section1 .colums1.borderlinie a{ color:#393939; } #section1 .colums1.borderlinie li:before, ul:before { color:#393939; } #section1 .colums1.borderlinie li { color:#393939; padding:0 20px;} #section1 .colums1.borderlinie ol, #section1 .colums1.borderlinie ul { color:#393939; padding:0 20px;} .colums1.borderlinie { border-color:#393939; 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; text-align:center; padding:20px 20px; } #section1 .colums1.hgcolorhell h1{ color:#393939;} #section1 .colums1.hgcolorhell h2{ color:#393939;} #section1 .colums1.hgcolorhell p{ padding:0 20px; color:#393939; text-align:center;} #section1 .colums1.hgcolorhell a{ color:#393939; } #section1 .colums1.hgcolorhell li:before, ul:before { color:#393939; } #section1 .colums1.hgcolorhell li { color:#393939; padding:0 20px;} #section1 .colums1.hgcolorhell ol { color:#393939; padding:0 20px;} #section1 .colums1.hgcolorhell .slick-container { padding: 25px 0} #section1 .colums1.hgcolorhell .col-md-4 .slick-container { padding: 0px 0} #section1 .colums1.muster { text-align:center; padding:40px 40px; margin:40px 0; background-repeat:repeat-x; 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:#393939;} #section1 .colums1.muster h2{ color:#393939;} #section1 .colums1.muster p{ color:#393939; text-align:center;} #section1 .colums1.muster a{ color:#393939; } #section1 .colums1.muster li:before, ul:before { color:#393939; } #section1 .colums1.muster li { color:#393939; padding:0 20px;} #section1 .colums1.muster ol { color:#393939; padding:0 20px;} #section1 .col-md-4 { background-color:rgba(255,255,255,0.80); margin: 0px 2.5%; } #section1 .col-md-4 li, #section1 .col-md-4 p{ color:#393939; } #section1 .col-md-4 li:before, ul:before { color:#393939; } #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; } .panel-default>.panel-heading, .card-header { background-color:#FFFFFF; border-bottom-color:#eceae8; border-top-color:#eceae8; border-left-width:0; border-right-width:0; border-bottom-width:0px; border-top-width:1px; border-bottom-style:solid; border-top-style:solid; } .panel, .card { display: block; background-color: #FFFFFF; border-width:0; } .panel-group .panel, .card { margin: -4px;} .panel-heading, .card-header { padding: 25px 25px;} .panel-heading h4.panel-title, .card-header h5 button.btn-link { font-size:30px; font-weight:300; font-family: 'Exo', sans-serif; line-height:36px; color:#393939; margin-bottom:0; letter-spacing:3px; text-transform:uppercase; text-align:left; } .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a { color: inherit; font-size:30px; font-weight: 300; line-height: 36px; color: #393939; } .panel-title>.small:after, .panel-title>.small>a:after, .panel-title>a:after, .panel-title>small:after, .panel-title>small>a:after, .card-header h5 button.btn-link:after { content: '⯆'; font-family: 'slick'; font-size: 24px; line-height: 1; opacity: 1; color: #393939; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; right: 0px; position:absolute;} .panel-title>.small:hover, .panel-title>.small>a:hover, .panel-title>a:hover, .panel-title>small:hover, .panel-title>small>a:hover, .card-header h5 button.btn-link: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; height:auto; text-align:center; padding: 0; height:auto; padding: 20px 0; margin: 0px 0; background-color:#848e90; margin-top:50px } #section5 p.h1 { font-size:36px; line-height:54px; font-weight:600; color:#FFFFFF; text-align:center; letter-spacing: 1px; text-transform: uppercase; } #section5 p { padding-bottom:0px; 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; height:auto; text-align:right; padding: 0; 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 */ #section1 #anfrageformular .col-md-4, #section1 #anfrageformularItalienisch .col-md-4 { background-color:rgba(255,255,255,0.80); margin: 0px; } div#main #anfrageformular h2, div#main #anfrageformularItalienisch h2 { display:none;} div#main #anfrageformular form, div#main #anfrageformularItalienisch form { padding:20px 10px 10px 15px; max-width:80%; margin:0 auto; color: #4a4843; font-family:'Roboto';} div#main #anfrageformular label, div#main #anfrageformularItalienisch label { text-align:left; width:100%; position:relative; float:left; font-size:18px; padding: 0 10px 0 0; font-weight:400; font-family:'Roboto'; line-height:40px} div#main #anfrageformular label.form-check-label, div#main #anfrageformularItalienisch label.form-check-label {padding: 0 10px 0 80px; line-height:40px} div#main #anfrageformular .clear, div#main #anfrageformularItalienisch .clear {clear:both; } div#main #anfrageformular input, div#main #anfrageformularItalienisch input { width:100%; height:3em; background-color:#FFFFFF; margin:10px; margin-left:0px; font-size:1.5em; border-color:#92918e; border-style:solid; font-family:'Roboto';} button.btn-primary { background-color: #393939; cursor: pointer; color: #cba876; text-transform: uppercase; font-family: Roboto; font-weight: 800; margin: 0px; width: 100%; padding: 10px; height: 5em; font-size: 14px; letter-spacing: 3px; border-color: #92918e; border-style: solid; border-width: 1px; clear: both; } button.btn-primary:hover { background-color: #cba876; cursor: pointer; color: #393939; text-transform: uppercase; font-family: Roboto; font-weight: 800; margin: 0px; width: 100%; padding: 10px; height: 5em; font-size: 14px; letter-spacing: 3px; border-color: #cba876; border-style: solid; border-width: 1px; clear: both; } div#main #anfrageformular .btn-toolbar>.btn-group, div#main #anfrageformularItalienisch .btn-toolbar>.btn-group { margin-left: 5px; width: 100%; text-transform:uppercase; font-family:'Roboto';} div#main #anfrageformular select, div#main #anfrageformularItalienisch select { width: 100%; background-color:#FFFFFF; margin:10px; height:3em; margin-left:0px; font-size:1.5em; padding-left:10px; border-color:#92918e; border-style:solid; border-width:1px; font-family:'Roboto';} div#main #anfrageformular textarea, div#main #anfrageformularItalienisch textarea { min-height: 200px; color: #4a4843; background: #FFFFFF; width:100%; padding-left:10px; padding-top:5px; border-color:#92918e; border-style:solid; border-width:1px; font-family:'Roboto';} div#main #anfrageformular .checkbox input[type=checkbox], div#main #anfrageformularItalienisch .checkbox input[type=checkbox] { width: auto; float:left; left:40px; margin-bottom: 0px; width: 20px; height: 20px; vertical-align: middle; border-style: none; background-color:#FFFFFF; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox;} div#main #anfrageformular input:focus, div#main #anfrageformularItalienisch input:focus, div#main textarea:focus { border-color: rgba(186, 135, 72, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6); -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); outline: 0 none; } input[placeholder], [placeholder], *[placeholder] { color: #4a4843 !important; } ::-webkit-input-placeholder { color: #4a4843;} ::-moz-placeholder { color: #4a4843;} :-ms-input-placeholder { color: #4a4843;} :-moz-placeholder { color: #4a4843; } /* 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: #4a4843; font-family:'Roboto';} div#main .powermail_form.powermail_form_1 label { text-align:left; width:100%; position:relative; float:left; font-size:18px; padding: 0 10px 0 0; font-weight:400; font-family:'Roboto'; 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:0px; font-size:1.5em; border-color:#92918e; border-style:solid; border-width: 1px; font-family:'Roboto'; 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:'Roboto';} div#main .powermail_form.powermail_form_1 select { width: 100%; background-color:#FFFFFF; margin:10px; height:3em; margin-left:0px; font-size:1.5em; padding-left:10px; border-color:#92918e; border-style:solid; border-width:1px; font-family:'Roboto'; border-radius: 4px; padding: 6px 12px;} div#main .powermail_form.powermail_form_1 textarea { min-height: 200px; color: #4a4843; background: #FFFFFF; width:100%; padding-left:10px; padding-top:5px; border-color:#92918e; border-style:solid; border-width:1px; font-family:'Roboto'; border-radius: 4px; padding: 6px 12px;} div#main .powermail_form.powermail_form_1 .checkbox input[type=checkbox] { width: auto; float:left; left:0px; margin-bottom: 0px; 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); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6); -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); 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 { background-color: #c00d0d; cursor: pointer; color: #FFFFFF; text-transform: uppercase; font-family: Roboto; font-weight: 800; margin: 0px; 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 .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: #393939; cursor: pointer; color: #cba876; text-transform: uppercase; font-family: Roboto; font-weight: 800; margin: 0px; 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: 18px; } DIV#errormessage { color: #ff0000;} DIV#errormessage ul { margin-top: 10px;} form#mail input#privacy, form#mail input#newsletter, form#mail input#anfrage_typ { width: auto; 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:0px; margin:0;} .csc-textpic-image img{ padding:0; margin:0px; background-position:top left; } .csc-textpic-imagecolumn{ padding:0px; margin:0;} .csc-textpic-imagewrap{ padding:0px; margin:0;} .lightbox{ padding:0px; margin:0;} .ce-column { max-width: 100%;} .ce-gallery img { display: block; float: left; } .ce-right .ce-gallery { float: none;} .ce-intext.ce-right .ce-gallery { margin-left: 0px; } .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; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .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: pointer; 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: 50%; 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'; font-size: 40px; line-height: 1; opacity: .75; color: #393939; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-prev { left: 20px; 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-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'; font-size: 12px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #393939; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color:#393939; } .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 #393939; white-space: nowrap; word-break: keep-all; } .slick-bgimg .slick-item .slick-text .h1 { font-size: 36px; font-family: 'Exo', 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: 'Exo', 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: #920707; 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; } } /*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;}