@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;800&display=swap');

html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

.page-header {
border:none;
margin:0;
padding:0;
}

html, body, header {
  height: auto;
}

header {
  height: auto;
  max-height: 700px;
  min-height: 150px;
}

header .slideshow .slick-container img {
  object-fit: cover;
}

.home header {
  max-height: 100%;
}

.noie.home header .slideshow .slick-container img {
  height: 100vh;
  object-fit: cover;
}

.ie.home header .slideshow .slick-container img {
  height: 100%;
}

h1, h2, h3, h4, h5, h6 {
clear:both;
margin: 0;
padding : 0;
font-size : 100%;
}

.nav::before, .nav::after {
content:normal;
}

hr{
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #878787;
  max-width: 1000px;
}

input, button, select, textarea {
font-family:  'Roboto', Verdana, sans-serif;
}

.nav > li > a > img {
max-width: 100%;
}

.nav > li > a:hover, .nav > li > a:focus {
background-color: transparent ;
}

.nav-tabs > li > a:hover {
border-color: transparent;
}

#navigation {
  border: none;
  float: right;
  margin-top: 30px;
}

td, th, label, dt {
font-weight:300;
}

ul, ol {
margin: 0 0 10px 0;
padding: 0 0 0 20px;
}

ul ul, ol ul, ul ol, ol ol {
margin:6px 0;
padding: 0 0 0 15px;
}

a:hover, a:focus {
text-decoration:none;
}

option, .chzn-results {
background:white;
color:#666;
padding:4px 7px;
}

.clr {
clear:both;
}

.clearfix {
*zoom: 1;
}

.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}

.clearfix:after {
clear: both;
}

.clear {
  clear: none!important;
}

.clear:after{
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: ".";
}

.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}

audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}

audio:not([controls]) {
display: none;
}

sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}

button, input {
*overflow: visible;
line-height: normal;
}

button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}

input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}

textarea {
overflow: auto;
vertical-align: top;
}

img.full{
  width:100%;
  height:100%;
}

/**     Hide the outline   **/

*:hover, *:active, *:focus, input:focus, textarea:focus {
outline:none !important;
}

/**   resize image   **/

#mapcanvas img, .gmnoprint img {
max-width: none;
}


/***    SITE      ***/

body {
min-width:980px;
text-align:left;
color:#28363a;
font: normal 1.3em/1.5 'Montserrat', sans-serif;
font-weight:300;
background-color: #fefefe;
}

p {
margin : 0 0 10px 0;
}

/**    SITE   **/



.zindex10 {
position:relative;
z-index:10;
}
.zindex20 {
position:relative;
z-index:20;
}
.zindex30 {
position:relative;
z-index:30;
}
.zindex40 {
position:relative;
z-index:40;
}
.zindex50 {
position:relative;
z-index:50;
}

/*********************************************      Translate      ***********************************/

.translate {
  z-index:99;
  vertical-align:middle;
  padding: 3px;
}

.website-footer .translate a, .website-footer .translate{
  color: #fefefe;
  padding: 0 3px;
}

.website-footer .translate{
float:none;
text-align:center;
}

.website-footer h3{
  margin-top:0;
}

.website-footer .ce-bodytext a.internal-link:after{
  content: " | ";
  color: #b9b9b9;
}

.website-footer .ce-bodytext a.internal-link:last-child:after{
  content: "";
}


.translate .active{
  margin:0 5px;
  color: #09a5b5;
}

.translate a, .translate a:hover{
  color: #28363a;
  font-size: 100%;
  margin:0 5px;
  padding: 10px 0 0 0;
}

.translate span.active {
}

/*********************************************      LOGO      ******************************************/
header .logo {
margin-left: 400px;
padding: 80px 0 60px 0;
}

header .logo p {
margin:0;
}

header .logo a, .logo a:hover {
text-decoration:none;
outline:none;
}

header .logo img{
  width: 200px;
  height: auto;
}


header .logo {
  position: absolute;
  margin-left: 3%;
  padding: 10px;
  z-index: 100;
  left: 0;
}

/*********************************************      TOP      ***********************************/

.top{
  padding: 15px 10px;
  background: #333;
  text-align: right;
}

.top ul{
  margin: 0;
  padding: 0;
}

.top li{
  list-style: none;
  display: inline-block;
  margin-right: 10px;
  
}

.top li a{
  color: #09a5b5;;
  padding: 5px 10px;
  border-radius: 2px;
}


.top li a.req{
  color:#09a5b5;
  border: 1px solid #09a5b5;
}

.top li a.book{
  color:#09a5b5;
  border: 1px solid #09a5b5;
}

/***      DROP DOWN MENU       ***/

.drop-down {
position: relative;
margin:0 auto;
z-index:99;
text-transform: uppercase;
text-align: center;
}

span.title_menu {
display: none;
}

.drop-down ul, .drop-down li {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}

.drop-down li {
position:relative;
padding : 0;
z-index:1;
}

.drop-down li:hover, .drop-down li.hover, .drop-down li:focus {
position: relative;
z-index: 10;
cursor: default;
}

.drop-down li ul {
display : none ;
position: relative;
z-index: 0;
opacity:0;
padding: 0;
margin-left: 10px;
font-size:100%;
}

.drop-down li ul ul {
font-size:100%;
}

.drop-down li ul:hover {
-webkit-transition : all 0.3s ease-in-out;
-moz-transition : all 0.3s ease-in-out;
-ms-transition : all 0.3s ease-in-out;
-o-transition : all 0.3s ease-in-out;
transition : all 0.3s ease-in-out;
}

.drop-down li li {
float:none;
width:100%;
padding:0;
margin:0;
}



.drop-down li a, .drop-down li span.separator {
display: block;
padding: 10px;
font-weight: 300;
font-size: 100%;
text-decoration: none;
text-transform: none;
text-align:center;
color : #ffffff;
-webkit-transition : all 0.3s ease-in-out;
-moz-transition : all 0.3s ease-in-out;
-ms-transition : all 0.3s ease-in-out;
-o-transition : all 0.3s ease-in-out;
transition : all 0.3s ease-in-out;
word-wrap: break-word;
}

.uppercase-none .drop-down li a, .uppercase-none .drop-down li span.separator {
text-transform: none;
}

.drop-down li li a, .drop-down li li span.separator {
display : block;
padding: 10px 0;
margin:0 -50px;
color: #ffffff;
font-size: 100%;
}

.drop-down li li:last-child a, .drop-down li li:last-child span.separator {
border-bottom: none;
}

.drop-down li a:hover, .drop-down li span.separator:hover {
-webkit-transition : none;
-moz-transition : none;
-ms-transition : all 0.2s linear 0s;
-o-transition : all 0.2s linear 0s;
transition : all 0.2s linear 0s;
}

.drop-down li.active > ul {
z-index:10;
opacity:1;
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out ;
}

.drop-down > ul > li {
display:inline-block;
*display:inline;
*zoom;:1;
padding: 0;
}

.drop-down > ul > li > ul {
top: 100%;
left: 0;

}

.drop-down li:hover > ul, .drop-down li.hover > ul{
  position: absolute;
  display: block;
  left:0;
  width:100%;
  top:100%;
  opacity: 1;
  margin:0;
  padding-top: 20px;
}

.drop-down.white{
  background:#fefefe;
  border-bottom:1px solid #CECECE;
  -webkit-transition : all 0.6s ease-in-out;
  -moz-transition : all 0.6s ease-in-out;
  -ms-transition : all 0.6s ease-in-out;
  -o-transition : all 0.6s ease-in-out;
  transition : all 0.6s ease-in-out ;
}

.drop-down.white li a{ 
  color:#666666;
}

.drop-down li.active > a, .drop-down li.active > span, .drop-down li:hover > a, .drop-down li:hover > span {
}

*[class^="fa-"]:before {
  color: #333;
}


.mobilemenu {
  padding: 17px;
  position: absolute;
  right: 0px;
}

/***      MODULE IMAGE      ***/

.slideshow {
  position: relative;
  margin: 0;
  min-height: 225px;
  max-height: 700px;
  overflow: hidden;
  z-index: 11;
  background: #28363a;
}

.slideshow small{
  font-size:50%;
}

.home .slideshow{
  max-height: 100%;
  max-width: 100%;
  margin-top: 0;

}

.home .slideshow .slick-container{
  margin-top: 0px;
}


/***     MIDDLE SITE      ***/

.main_content {
position:relative;
padding: 0;
overflow:hidden;
z-index:1;
}

.main_component {
position:relative;
overflow:hidden;
padding: 0 0 10px 0;
z-index:1;
}


/***     TYPOGRAPHY      ***/

h1, h2, h3, h4, h5, h6 {
margin:20px 0 8px 0;
font-weight:normal;
line-height:1.4;
text-rendering: optimizelegibility;
}

h1{
color: #09a5b5;
display: block;
font-size: 180%;
line-height: 1.5;
margin: 20px 0 10px 0;
padding : 0 0 7px 0;
font-weight:600;
}

h1 a {
text-decoration: none;
}
h1 a:hover {
text-decoration: none;
}

.blog > h1 {
color : #666;
}

h2 {
font-size:145%;
margin:0 0 20px 0;
color: #878787;

}

h2 a {
text-decoration: none;
}
h2 a:hover {
text-decoration: none;
}


h3 {
font-size:135%;
color: #09a5b5;
font-weight: 800;
}

.blue h3 {
color: #ffffff;

}

h4 {
font-size:120%;
}

h5, h6 {
font-size:100%;
}

.centered{
  text-align: center;
}


/**      LINK    **/

a {
color:#325faa;
font-weight:300;
text-decoration : none;
cursor: pointer;
-webkit-transition : color 0.4s linear 0.1s;
-moz-transition : color 0.4s linear 0.1s;
-ms-transition : color 0.4s linear 0.1s;
-o-transition : color 0.4s linear 0.1s;
transition : color 0.4s linear 0.1s;
}
a:hover {
color:#325faa;
text-decoration : none;
-webkit-transition : color 0.2s linear 0s;
-moz-transition : color 0.2s linear 0s;
-ms-transition : color 0.2s linear 0s;
-o-transition : color 0.2s linear 0s;
transition : color 0.2s linear 0s;
}
a:active, a:focus {
outline:none;
}

.website-content a{
  color: #09a5b5;
}

.website-content .black a{
  color: #09a5b5;
}

.website-content *[class^="fa-"]:before {
    color: #ffffff;
}


li span.separator {
cursor:default;
}
.website-content li{
  list-style: square;
  color: #09a5b5;
}

.bottom li{
  list-style: none;
}


.website-content li:after, .bottom li:after{
    content: ' ';
    display: block;
    padding: 0;
    width: 200px;
    margin: 5px auto;
    border-bottom: none;
}

/**      List with Font Awesome     **/

ul.check li, ul.chevron li, ul.angle li, ul.angle-double li, ul.circle li, ul.circle-o li, ul.star li, ul.star-o li, ul.tag li, ul.thumbs-o-up li, ul.check-square-o li, ul.arrow-circle li, ul.caret-simple li, ul.chevron-circle li, ul.chevron li, ul.hand-o li, ul.share li{
list-style:none;
margin: 0 0 8px 0;
}

ul.check li:before, ul.chevron li:before, ul.angle li:before, ul.angle-double li:before, ul.circle li:before, ul.circle-o li:before, ul.star li:before, ul.star-o li:before, ul.tag li:before, ul.thumbs-o-up li:before, ul.check-square-o li:before, ul.arrow-circle li:before, ul.caret-simple li:before, ul.chevron-circle li:before, ul.chevron li:before, ul.hand-o li:before, ul.share li:before{
display: inline-block;
*display:inline;
*zoom:1;
font-family: fontawesome;
vertical-align:middle;
margin-left: -11px;
width: auto;
margin-right:8px;
}

ul.check li:before, ul.chevron li:before, ul.star li:before, ul.star-o li:before, ul.tag li:before, ul.thumbs-o-up li:before, ul.check-square-o li:before, ul.caret-simple li:before, ul.chevron-circle li:before, ul.chevron li:before, ul.hand-o li:before, ul.share li:before{
font-size:60%;
}

ul.angle li:before, ul.angle-double li:before, ul.arrow-circle li:before{
font-size:80%;
}

ul.circle li:before, ul.circle-o li:before{
font-size:40%;
}

ul.check li:before{
content: "\f00c";
color:#ffffff;
font-size: 100%;
}

ul.check li:after{
content: "";
border:0;
}

ul.check-square-o li:before{
content: "\f046";
}
ul.chevron li:before {
content: "\f054";
}
ul.angle-double li:before{
content: "\f101";
}
ul.angle li:before{
content: "\f105";
}
ul.circle li:before{
content: "\f111";
}
ul.circle-o li:before{
content: "\f10c";
}
ul.star li:before{
content: "\f005";
}
ul.star-o li:before{
content: "\f006";
}
ul.thumbs-o-up li:before{
content: "\f087";
}
ul.hand-o li:before{
content: "\f0a4";
}
ul.arrow-circle li:before{
content: "\f0a9";
}
ul.caret-simple li:before{
content: "\f0da";
}
ul.chevron-circle li:before{
content: "\f138";
}
ul.share li:before{
content: "\f064";
}


ul li > h2, ul li > h3, ul li > h4 {
margin-top : 0;
padding-top:0;
}


/**    Unordered lists without bullet     **/

ul.simple li {
list-style:none;
margin: 0 0 6px 0;
padding:8px 12px;
border-left:2px solid #ddd;
border-color:rgba(0,0,0,0.10);
background:#f5f5f5;
background:rgba(0,0,0,0.06);
}

/**************************    CSS3 COLUMNS     *************************************/

.two-columns, .three-columns, .four-columns, .five-columns, .six-columns {
-webkit-column-width: 160px;
-moz-column-width: 160px;
column-width: 160px;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
}

.two-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}

.three-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}

.four-columns {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}

.five-columns {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}

.six-columns {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6;
}

/***     COLUMN LAYOUTS     ***/

.one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
float:left;
margin : 0;
}

.one-half {
width:50%;
}

.one-third {
width:33.3%;
margin: 0;
  overflow: hidden;
}

.two-third {
width:66.6%;
}

.one-fourth {
width:25%;
}

.two-fourth {
width:50%;
}

.three-fourth {
width:75%;
}

.one-fifth {
width:20%;
}

.two-fifth {
width:40%;
}

.three-fifth {
width:60%;
}

.four-fifth {
width:80%;
}

.last {
margin-right: 0 !important;
}

footer .last {
text-align: right;
}

.last + * {
clear:both;
}

.rowborder .one-third, .rowborder .two-third, .rowborder .one-half, .rowborder .rowcell.last {
  padding: 5px;
}

.rowborder .ce-media, .rowborder .ce-bodytext {
  padding: 50px;
}

.rowcell.last{
  padding-right: 0px;
}

.rowcell > div {
  height: 100%;

}


.rowborder .rowcell > div {
  border: solid 1px black;
}


.ce-textpic, .ce-bodytext {
  height: 100%;
}

.rowel .ce-textpic {
  display: table;
  width: 100%;
}

.rowel .ce-bodytext {
  display: table-cell;
  vertical-align: middle;
  background-color: #28363a;
  color: #fefefe;
}

.website-content .blue .rowel .ce-bodytext h3{
 color: #09a5b5;  
}


/***     FOOTER     ***/

.website-footer {
  position: relative;
  clear: both;
  padding: 30px 20px 50px 20px;
  color: #ffffff;
  margin: 0;
  background-color: #28363a;
}

.website-footer a {
color:#09a5b5;
}

.website-footer a:before {
  color:#09a5b5;
}

.website-footer a:hover {
text-decoration:none;
}

.bottom_menu {
display:block;
text-align:center;
margin: 0;
padding:9px 0;
}

.address {
clear: both;
text-align: center;
margin: 0;
padding:9px 0 0 0;
}

.address p {
margin: 0px;
}
  
.footericons{
  text-align: center;
  margin-top: 30px;
}

.footericons img{
  margin: 10px 10px 20px 10px;
}

/***     BOTTOM MENU     ***/

.bottom_menu ul {
margin : 0;
padding:0;
text-align: right;
}

.bottom_menu li {
padding: 0 5px ;
margin:0;
display:block;
*zoom:1;
line-height : inherit ;
list-style : none;
}

.bottom_menu li a {
display:block;
*zoom:1;
text-decoration:none;
font-weight:normal;
padding: 0 5px 5px 0;
margin: 0;
color: #ffffff;
}

.bottom_menu li a:after{
  font-family: fontawesome;
  content: "\f0a9";
  margin-left: 5px;
}

/***     SCROLL TO TOP     ***/

#toTop {
bottom: 50px;
cursor: pointer;
display: none;
position: fixed;
right: 27px;
text-align: center;
z-index: 999;
}

#toTop .icon-up:before {
display: inline-block;
*display:inline;
*zoom:1;
font-family: fontawesome;
content: "\f0aa";
font-size:28px;
color:#FFFFFF;
opacity:0.65;
-webkit-transition : all 0.3s ease-in-out;
-moz-transition : all 0.3s ease-in-out;
-ms-transition : all 0.3s ease-in-out;
-o-transition : all 0.3s ease-in-out;
transition : all 0.3s ease-in-out;
}

#toTop:hover .icon-up:before {
opacity:1;
}

#toTopText {
display: none;
}

#toTop span {
color: #FFFFFF;
}

/***    Imprint   ***/
.imprint{
  text-align: center;
  font-size: 80%;
}


/***    Iframes   ***/

.maps iframe {
  pointer-events: none;
}


/** Contact Form**/
#contactform label{
  margin-bottom: 10px;
}


#contactform input::placeholder,
#contactform select option,
#contactform textarea::placeholder{
    font-family: 'Montserrat';
}


#contactform dt{
  display: block;
}

#contactform .one-half{
text-align: left;
}

#contactform input, #contactform textarea, #contactform select{
  width: 300px;
  max-width: 100%;
}

#contactform input#privacy{
    display: inline-block;
    width: auto;
}

.row {
  margin: 10px 0;
}

.form-section {
 background-color:  #09a5b5;
 color: #ffffff;
 padding:3px 5px;
}




/* DOWN Button*/
a.down{
  position: absolute;
  text-align: center;
  top: -36px;
  left:49%;
  width: 50px;
  height: 0px;

  cursor: pointer;
  
}

a.down:before{
  font-size: 100px;
  color: #09a5b5;
  margin: 0;
  padding: 0;
}


div.hc-widget.hc-widget-medium.hc-widget-with-reviews{
  margin: 0 auto;
}

.theme-magnificPopup li:after{
  border:0;
  margin:0;
  display: inherit;
}


.theme-magnificPopup .pagination > li > a, .pagination > li > span{
  padding:0;
  background:none;
  border: 0;
}


/***    Request Form START   ***/
.formhandler{
  max-width:800px;
  text-align: left;
  margin: 0 auto;
  padding-bottom: 50px;
}

.formhandler h3{
color: #ffffff;
  margin: 5px 0;
}

a.alt{
  cursor:pointer;
  text-align: right;
}

dt, dd{
    display: inline-block;
}

dt{
  width:130px;
}

.children{
  display: none;
}

.switch{
  text-align: right;
}

.col-md-6{
  padding: 0;
}

.row div{
  margin-bottom: 15px;
}

dd select{
  width:auto;
}

.formhandler input, .formhandler select, .formhandler textarea{
    border-color: #cfcfcf;
    border-radius: 5px;
    border-width: 1px;
}

input[type=text], textarea, #sender_food, #sender_country, #sender_category{
  width:250px;
}

input, select, textarea{
  padding:6px;
}

#sender_adults, #sender_children{
  width: 250px;
}

.error input, input.error, .error textarea, textarea.error {
    border-color: #c60f13;
    background-color: rgba(198,15,19,0.1);
}

label.error, label.error a{
  color: #c60f13;
}

.alt{
  cursor: pointer;
}

#ui-datepicker-div{
  z-index: 1000!important;
}

.row {
  margin: 10px 0;
}

.form-section {
 background-color:  #09a5b5;
 color: #ffffff;
 padding: 3px 10px;
 border-radius: 5px;
 margin-bottom: 25px;
}

.switch{
  text-align: right;
}

.errormsg ul{
  margin: 10px 0;
}


/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/***    Request Form END   ***/


/** Image Effekt **/

div.csc-textpic .csc-textpic-imagewrap .magnificpopup img{
border: 2px solid #09a5b5;
margin: 5px;
}


.website-content .button{
  display: inline-block;
  color: #09a5b5;
  border: 1px solid #09a5b5;
  border-radius: 5px;
  min-width: 210px;
  margin: 20px;
  padding: 5px 10px;
}

.website-content .button-small, .website-content .linkbtn{
    display: inline-block;
    color: #fff;
    background: #09a5b5;
    margin: 10px;
    padding: 15px 25px;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 5px;
}




.website-content .linkbtn:hover{
  background: #078491;
}


.website-content .linkbtnprimary{
    display: inline-block;
    color: #fff;
    background: #09a5b5;
    margin: 10px;
    padding: 15px 25px;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 5px;
    border: 0;
}

.website-content .linkbtnprimary:hover{
  background: #078491;
}


.website-footer .linkbtn{
    display: inline-block;
    color: #fff;
    background: #09a5b5;
    border:0;
    margin: 10px;
    padding: 15px 25px;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 5px;
}

.website-footer .linkbtn{
  background: #078491;
}

.website-content .blue .button-small, .website-content .blue .linkbtn {
  color: #09a5b5;
  background: #ffffff;
}

.website-content .blue h3{
 color: #ffffff;
}

.iframe iframe {
    pointer-events: none;
}


/**** Figure Figcaption overlay ****/


.overlay-figure figcaption {
  background-color: rgba(51, 51, 51, 0.5);
  color: white;
  font-size: 18px;
  float: left;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  display: block;
}

figcaption:hover {
  opacity: 0.9;
}

figure {
  position: relative;
  float: left;
  max-width: 100%;
}

figure img {
  max-width: 100%;
  max-height: 100%;
  /*width: auto;
  height: auto;*/
  min-width: 100%;
  /*min-height: 100%;*/
}

.slick-container figcaption:hover {
  opacity: 0;
}

header .slick-slider figure, header .slick-slider img {
  min-width: 100%;
}

.one-two figure img {
  max-width: none;
  max-height: none;
}

.two-one figure img {
  max-width: none;
  max-height: none;
}

.two-third img, .two-third figure{
  width: 100%;
}

.last {
  overflow: hidden;
}



ul .last {
  overflow: inherit;
}

figcaption {
  text-align: left;
}

figcaption h3 {
    margin: 0;
    padding-bottom: 15px;
    font-size: 150%;
    color: #fefefe;
    font-weight: 800;
    letter-spacing: 2px;
}

.ce-intext.ce-right .ce-gallery {
  margin: 0px;
}

.top-header {
  position: absolute;
  top:0;
  background-color: transparent;
  width: 100%;
  z-index: 99;
  height: 80px;
  font-size: 100%; !important;
}


img.border{
    position: absolute;
    left: 0;
    bottom:-5px;
    display: block;
    width: 100%;
    margin: 0;
    z-index: 10;

  }






/**** Figure with centered figcaption ***/

.overlay-figure {
  position: relative;
  display: inline;
  width: 100%;
  overflow: hidden;
}

.overlay-figure-content {
  width: 100%;
  -webkit-transform: scale(1.0) translateZ(0);
  -moz-transform: scale(1.0) translateZ(0);
  transform: scale(1.0) translateZ(0);
  -webkit-transition: -webkit-transform 0.5s ease 0.25s;
  -moz-transition:    -moz-transform 0.5s ease 0.25s;
  transition:         transform 0.5s ease 0.25s;
}

.overlay-figure-content > img {
  display: block;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.overlay-figure-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  background-image: linear-gradient(to bottom, rgba(38,50,72, 0.5), rgba(38,50,72, 0.85));
}

.overlay-figure:hover
.overlay-figure-background {
  opacity: 1;
}

.overlay-figure-caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: white;
  -webkit-transition: opacity ease 0.25s;
  -moz-transition: opacity ease 0.25s;
  transition: opacity ease 0.25s;
}

.overlay-figure:hover
.overlay-figure-caption {
  opacity: 1;
}

.overlay-figure-caption
.contents {
  display: table;
  width: 100%;
  height: 100%;
}

.overlay-figure-caption
.contents-stack {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 50px 100px;
}

.overlay-figure-caption
.title {
  display: block;
  margin-bottom: 0;
  opacity: 0;
  -webkit-transform: translateY(-100%) translateZ(0);
  -moz-transform: translateY(-100%) translateZ(0);
  transform: translateY(-100%) translateZ(0);
  -webkit-transition: -webkit-transform 0.5s ease 0.25s, opacity 0.15s ease 0.25s;
  -moz-transition:    -moz-transform 0.5s ease 0.25s, opacity 0.15s ease 0.25s;
  transition:         transform 0.5s ease 0.25s, opacity 0.15s ease 0.25s;
}

.overlay-figure:hover
.title {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
  -moz-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0);
}

.overlay-figure
.separator {
  display: block;
  margin: 12px auto;
  height: 2px;
  width: 30%;
  background-color: white;
  -webkit-transform: scaleX(0) translateZ(0);
  -moz-transform: scaleX(0) translateZ(0);
  transform: scaleX(0) translateZ(0);
  -webkit-transition: -webkit-transform 0.25s ease 0.25s;
  -moz-transition:    -moz-transform 0.25s ease 0.25s;
  transition:         transform 0.25s ease 0.25s;
}

.overlay-figure:hover
.separator {
  -webkit-transform: scaleX(1) translateZ(0);
  -moz-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0);
}

.overlay-figure-caption
.text {
  display: block;
  margin-top: 0;
  opacity: 0;
  -webkit-transform: translateY(100%) translateZ(0);
  -moz-transform: translateY(100%) translateZ(0);
  transform: translateY(100%) translateZ(0);
  -webkit-transition: -webkit-transform 0.5s ease 0.25s, opacity 0.15s ease 0.25s;
  -moz-transition:    -moz-transform 0.5s ease 0.25s, opacity 0.15s ease 0.25s;
  transition:         transform 0.5s ease 0.25s, opacity 0.15s ease 0.25s;
}

.overlay-figure:hover
.text {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
  -moz-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0);
}

/** overlay for slick shideshow figcaption **/


.slick-container figcaption, .slick-container figcaption:hover {
  opacity: 1;
}

.slick-slider figure figcaption {
  background: transparent;
  padding: 0;
}

.slideshow .slick-slider figure figcaption{
  background: rgba(0,0,0,.6);
}

.slick-slider .overlay-figure-background {
  background: none;
}


.main .slick-initialized .slick-slide{
  padding: 20px;
}


/**** Position of header-slideshow text ****/

header .slick-slider .overlay-figure-caption .contents-stack {
  font-size: 40px;
}


/*** slick header dots *****/
header .slick-dots {
  bottom: 25px;
}

header .slick-slider .slick-dots li {
  height: 70px;
  margin: 0 3px;
  width: 40px;
}

header .slick-slider .slick-dots li button:before {
  font-size: 20px;
  color: #ffffff;
}

header .slick-dots li.slick-active button:before
{
  opacity: .75;
  color: #ffffff;
}

/** footer **/
footer .ce-gallery img {
  border: none;
}


footer .ce-media img {
  margin: 10px;
  max-width: 90%;
}

footer .ce-column {
    width: auto;
    display: inline-block;
}

footer .ce-textpic {
  width: 100%;
}

footer .rowcell {
  text-align: center;
  min-height: 10px;
}

footer .rowel .ce-bodytext{
  background: none;
  color: #fefefe;
}

footer h3{
  color: #09a5b5;
  font-size: 120%;
  margin-bottom: 10px;
}


/** Sklick Slider **/

header .slick-next:before {
  content: '\f105';
  margin-right: 0;
}

header .slick-prev:before {
  content: '\f104';
  margin-left: 0;
}

header .slick-prev:before, .slick-next:before {
  font-family: 'fontawesome';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

header .slick-slider .slick-next:before, header .slick-slider .slick-prev:before {
  font-family: 'fontawesome';
  font-size: 80px;
  opacity: 1;
}

.slick-slider .slick-next:before, .slick-slider .slick-prev:before {
    color: rgb(9 165 181 / 63%);
}

header .slick-slider .slick-prev {
  left: 50px;
}

header .slick-slider:hover .slick-next:before {
  margin-right: 0;
}
header .slick-slider:hover .slick-prev:before {
  margin-left: 0;
}

header .slick-slider .slick-next, header .slick-slider .slick-prev {
  opacity: 1;
}

.slick-slider .slick-dots li button{
  width: 15px;
  height: 15px;
}

.slick-slider{
  margin:0;
}

.slick-slider .slick-next, .slick-slider .slick-prev{
width:15%;
}


.fullscreen, .fullscreen .csc-default{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
  text-align: center;
}


#slidecaption{
  position: absolute;
  top: 65%;
  width:100%;
  float: none;
  line-height: 1.5;
  font-size: 350%;
}

#prevslide, #nextslide{
  height: 54px;
  width: 54px;
  font-family: FontAwesome;
  color: #FFFFFF;
  border: 1px solid #fff;
  line-height: 54px;
  font-size: 14px;
  position: absolute;
  top: 50%;
  margin-top: -27px;
  text-align: center;
  z-index: 10;
  background-image: none;
}


#nextslide{
  right:73px;
  border-radius: 0 20px 0 20px;
}

#prevslide:active, #nextslide:active{ margin-top:-27px; }

#prevslide{
  left:73px;
  border-radius: 20px 0 20px 0 ;
}

#prevslide:before,#nextslide:before {
  font-size: 200%;
}

#prevslide:before {
  content: "\f104";
}

#nextslide:before {
  content: "\f105";
}



.btn.white {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #eee);
  background-image: -moz-linear-gradient(top, #ffffff, #eee);
  background-image: -ms-linear-gradient(top, #ffffff, #eee);
  background-image: -o-linear-gradient(top, #ffffff, #eee);
  background-image: linear-gradient(to bottom, #ffffff, #eee);
  color: #666;
  font-size: 120%;
  width: 250px;
  padding: 6px 10px 6px 10px;
  margin-bottom: 10px;
  text-decoration: none;
  border-radius: 0;
}

.btn.white:hover {
  background: #eee;
  background-image: -webkit-linear-gradient(top, #eee, #fff);
  background-image: -moz-linear-gradient(top, #eee, #fff);
  background-image: -ms-linear-gradient(top, #eee, #fff);
  background-image: -o-linear-gradient(top, #eee, #fff);
  background-image: linear-gradient(to bottom, #eee, #fff);
  text-decoration: none;
}

.fa:before{
  font-family: fontawesome;
  margin-right: 5px;
}

.icon{
  width:50px;
  height: 50px;
  background-color: #fff;
  content:'';
  margin: 5px;
  padding:10px 8px;
  font-size: 200%;
}

a.icon i{

  margin-right: 0;
}



/**  Content row elements **/

.one-half .textonly .ce-bodytext{
  padding: 10px 20%;
}

/** Content Layouts **/

.wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}

.wrapper > .textonly{
  padding: 25px 0;
}


footer .wrapper{
text-align:center;
}

.white {
  background: #fefefe;
}

.green{
  background:rgba(5, 104, 54, 0.88);
  color: #fff;
  padding: 30px 0;
}

.green h2{
  color:#fff;

}

.image-wrap .slick-slide{
  padding: 10px 5px;
}

/**     Parallax Effekt     **/

.parallax-500 { 
    height: 500px;
    width: 100%;
    background-attachment: fixed!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}


.parallax { 
    height: 100vh;
    width: 100%;
    background-attachment: fixed!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    margin-bottom: 40px;
}

.parallax > .caption, .parallax-500 > .caption{
    position: relative;
    left: 0;
    top: 45%;
    width: 100%;
    text-align: center;
    color: #000;
    background:rgba(255, 255, 255, 0.9);
}

.parallax > .caption, .parallax-500 > .caption h3{
  margin: 15px 0;
  padding: 15px 0;
}

.black{
  color: #fefefe;
}

.black ul li{
  color: #09a5b5;
}

.image-wrap {
  padding: 20px 0;
}


.website-content .blue{
  background-color: #09a5b5;
  color: #ffffff;
}

.website-content .grey{
  background-color: #eeeeee;
}

footer .rowcell:first-child{
   text-align: left;
 }

footer .rowcell.last{
  text-align: right;
}

.noie.home header .slideshow .slick-container img.mainlogo{
  height: 300px;
  object-fit: contain;
  webkit-filter: drop-shadow( -5px -5px 5px #111 );
  filter: drop-shadow( -5px -5px 5px #111);
}


table {
  width: 100%;
  text-align: right;
}

table td{
  padding: 2px 5px;
}

table tr td:first-child{
  text-align: left;
}

.grey table tr:first-child {
  background-color: rgba(238, 238, 238, 0.4);
}

table tr:first-child td{
  font-weight: 400;
}

.grey table tr:nth-child(even) {
  background-color: rgba(238, 238, 238, 0.1);
}

.grey table tr:nth-child(odd) {
  background-color: rgba(238, 238, 238, 0.2);
}

table tr:first-child {
  background-color: rgba(58, 54, 58, 0.4);
}

table tr:first-child td{
  font-weight: 400;
}

table tr:nth-child(even) {
  background-color: rgba(58, 54, 58, 0.1);
}

table tr:nth-child(odd) {
  background-color: rgba(58, 54, 58, 0.2);
}

.lang{
  text-align:right;
}

.blue:nth-child(odd) .one-half{
  float: right;
}


/** Tiktak Logo **/


.tiktak{
  position: absolute;
  width: 300px;
  height: auto;
  top: 20px;
  left: 20px;
  z-index: 1000;
}

.clock {
  position: absolute;
  width: 129px;
  height: 129px;
  left: 0;
  top: 0;
  z-index: 1000;
}

.tiktak img{
  position: absolute;
  top: 0;
  left: 0;
}

.outer-clock-face {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.outer-clock-face::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg)
}

.outer-clock-face::before,
.outer-clock-face::after,
.outer-clock-face .marking{
  content: '';
  position: absolute;
  width: 6px;
  height: 100%;
  background: transparent;
  z-index: 0;
  left: 49%;
}

.outer-clock-face .marking {
  background: transparent;
  width: 3px;
}

.outer-clock-face .marking.marking-one {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  transform: rotate(30deg)
}

.outer-clock-face .marking.marking-two {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  transform: rotate(60deg)
}

.outer-clock-face .marking.marking-three {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  transform: rotate(120deg)
}

.outer-clock-face .marking.marking-four {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  transform: rotate(150deg)
}

.inner-clock-face {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  z-index: 1;
}

.inner-clock-face::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  border-radius: 18px;
  margin-left: -9px;
  margin-top: -6px;
  background: #ffffff;
  z-index: 11;
}

.hand {
  width: 50%;
  right: 50%;
  height: 6px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  border-radius: 6px;
  transform-origin: 100%;
  transform: rotate(90deg);
  transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1);
}

.hand.hour-hand {
  width: 20%;
  z-index: 3;
}

.hand.min-hand {
  height: 3px;
  z-index: 10;
  width: 35%;
}

.hand.second-hand {
  background: #09a5b5;
  width: 32%;
}




/**Scrolldown  **/

.home .scrolldown{
  position: absolute;
  bottom: 80px;
  left: 50%;
  height: 80px;
  width: 80px;
  z-index: 80;
  margin-left:-40px;
  text-align:center;
  padding: 5px;
  cursor: pointer;
  z-index: 20;

}

.home .container {
  position: relative;
  width: 24px;
  height: 24px;
}

.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

.text {
  display: block;
  margin-top: 75px;
  margin-left: -30px;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .75;
  animation: pulse 2s linear alternate infinite;
}

#particles-js{
  position: relative;
  padding-top: 65px;
  padding-bottom: 65px;
}

.particles-js-canvas-el{
  position:absolute;
  top: 0;
  left: 0;
  overflow: hidden;

}

#particles-js .wrapper{
  background: #fefefe;
}


/**** SCROLLBAR ****/

/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #fefefe;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #09a5b5;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #09a5b5;
}


/** menuitems **/

.menuitemcontainer {
  border-bottom: 10px solid transparent
}


.bottom .menuitemcontainer {
  border-bottom: 80px solid transparent
}

.menuitemcontainer:after {
  display: table;
    content: "";
    line-height: 0;
  clear: both;
}

.menuitem{
    float:left;
    width: 33.3%;
    background: #28363a;
  border-radius: 8%;
    border: 7px solid #fff;
}

.menuitem:hover img{
  filter: invert(38%) sepia(96%) saturate(1072%) hue-rotate(154deg) brightness(87%) contrast(94%);
}
.menuitem:nth-child(even):hover img{
  filter: invert(17%) sepia(6%) saturate(2206%) hue-rotate(147deg) brightness(87%) contrast(85%);
}

.menuitem:hover h5{
  opacity: 1;
}


.menuitem:nth-child(even){
    background: #09a5b5;
}

.menuitem picture{
  display: flex;
  padding: 30%;
}

.menuitem figcaption{
  text-align: center;
  height: auto;
  opacity: 1;
  height: 100%;
  width: 100%;
  display: table;
}
.menuitem figcaption{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  bottom: 0;
  height: 30px;
}


.menuitem figcaption .info{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.menuitem figcaption h5{
  font-size: 120%;
  padding: 10px 5px;
  color: #fefefe;
  font-weight: 800;
}

.usecase .menuitem figcaption h5{
  padding: 0;
  margin: 0;
}

.usecase .menuitem figcaption .info {
    height: 60px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.menuitem.count-2{
    width:50%;
}
.menuitem.count-3, .menuitem.count-6{
    width:33.3%;
}
.menuitem.count-4{
    width:25%;
}
.menuitem.count-5{
    width:33.3%;
}

.menuitem.count-5:nth-child(4),.menuitem.count-5:nth-child(5){
  width:50%;
}


.menuitemsfilter{
    background: #e0e7f1;
    padding: 10px 0;
}

.menuitemsfilter button{
    width: 150px;
    background: #fff;
    border: none;
    line-height: 1.5;
    font-size: 130%;
    text-transform: uppercase;
    border: 1px solid #333;
}

.menuitem figure{
  overflow: hidden;
  float: none;
}

.menuitem img{
  filter: invert(100%) sepia(0%) saturate(1743%) hue-rotate(327deg) brightness(101%) contrast(101%);
  margin-top: -20px;
  margin-bottom: 20px;
}

.usecase{
  padding: 50px 0;
}

.usecase h2{
  color: #ffffff;
}

.usecase .menuitem {
  border: 5px solid #09a5b5;
  border-radius: 5%;
}

.usecase .menuitem picture{
  padding: 0;
}

.usecase .menuitem img{
  filter: none;
  margin: 0;
  border-radius: 4% 4% 0 0;
}

.usecase .menuitem figcaption{
  position: relative;
  height: 50px;
  overflow: hidden;
  font-size: 70%;
}

.usecase .menuitem:hover img{
  filter: none;
}

.usecase .menuitem:hover img{
  filter: none;
}

.usecase .menuitem.count-2,
.usecase .menuitem.count-3,
.usecase .menuitem.count-4,
.usecase .menuitem.count-5,
.usecase .menuitem.count-6{
    width:33.3%;
}

/* Accordion */
.wrapper.accordion-block{
  margin-top: 50px;
  margin-bottom: 50px;
}

.accordion {
    background-color: #28363a;
    color: #fefefe;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-radius: 10px 10px 0 0;
}

.accordion-block .image-wrap {
  width: 25%;
  display: inline-block;
  padding: 10px;
  padding-top: 25px;
}
.accordion-block .image-wrap img{
  max-width: 100%;
    height: auto;
}

.accordion-block .bigimages .image-wrap,
.accordion-block .bigimages .image-wrap img{
  width: 100%;
  padding-top: 25px;
}

.accordion-block .bigimages.two .image-wrap{
  width: 46%;
}


.accordion-block .bigimages .panel {
    padding: 50px;
}

.accordion.active{
    border-bottom: 4px solid #e4e4e4;
}

button.accordion {
    font-size: 100%;
    letter-spacing: 3px;
    display: inline-block;
    color: #fefefe;
    border-bottom: 4px solid #f3f3f3;
    height: 100px;
    padding-left: 43px;
}

/*
button.accordion.active:after {
    content: "\2212";
}
button.accordion:after {
    content: '\002B';
    color: #fefefe;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}*/

.accordion-block.wrapper > .textonly {
    padding: 0;
}

.accordion-block .panel {
    padding: 50px 15px 50px 43px;
    background-color: #f3f3f3;
    overflow: hidden;
    text-align: left;
    margin-bottom: 50px;
    border-radius: 0 0 15px 15px;
}

.accordion-block table{
    width: 100%;
}
.accordion-block table th{
    padding: 3px;
    font-weight: bold;
    border-bottom: 1px solid #E4E4E4;
}
.accordion-block table td{
    padding: 3px;
    border-bottom: 1px solid #e4e4e4;
}


.ce-gallery .ce-column {
    display: inline-block;
}
.ce-gallery .ce-column .ce-media{
  padding: 10px;

}
.inline-svg img {
    width: 50px;
    height: auto;
  vertical-align: inherit;
}
.inline-svg .ce-gallery{
  display: inline-block;
  width: 10%;
  text-align: center;
}
.inline-svg .ce-bodytext{
  display: inline-block;
  width: 85%;
}

.inline-svg  .ce-gallery .ce-column{
  margin: 0;
}

.centerd {
    text-align: center;
}



/*** MENU START ***/

.sidebar {
    right: 0;
    height: 100%;
    color: #6c6c6c;
    z-index: 1000;
}

.sidebar .link{
    position: absolute;
    top: 15px;
    right: 75px;
    width: 500px;
    z-index: 99;
    text-align: right;
}

.sidebar .link a, a.contact {
  font-size: 20px;
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 15px;
  color: #c3c9cc;
}

.sticky .sidebar .link a {
    color: #c3c9cc;
}

input[type=checkbox]:checked ~ .link a{
    color: #c3c9cc;
}

#sidebarMenu {
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 600px;
    margin-top: 0;
    transform: translateX(600px);
    transition: transform 350ms ease-in-out;
    background: #e1e1e1;
    color: #142836;
    overflow-y: auto;
    z-index: 95;
    padding-top: 120px;
  padding-left: 90px;
}

#sidebarMenu .top{
  height: 110px;
}

#sidebarMenu .request{
    margin-top: 50px;
}

#sidebarMenu:before{
    content: '';
    height: 90px;
    width: 100%;
    background: #4caf50;
}

#sidebarMenu .translate{
  padding-top: 50px;
  padding-right: 80px;
}

.sidebarMenuInner {
    margin: 0;
    padding: 50px 80px 0 0;
}

.sidebarMenuInner li {
    font-family: 'Source Sans Pro', sans-serif;
    list-style: none;
    color: #fff;
    font-weight: normal;
    padding: 0;
    cursor: pointer;
}

.sidebarMenuInner li.parent > a:before {
    content: '';
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 10px;
    left: -40px;
    position: absolute;
    background: url('/fileadmin/sys/Public/images/plus.svg');
    background-size: 100%;
}

.sidebarMenuInner li span {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.50);
}

.sidebarMenuInner li a {
    color: #09a5b5;
    cursor: pointer;
    font-size: 40px;
    line-height: 60px;
    font-weight: 700;
  display: block;
    position: relative;

}
.sidebarMenuInner li a:hover{
  color: #09a5b5;  
}

.sidebarMenuInner li.active > a {
    color: #666666;
}

.sidebarMenuInner li li.active > a {
    color: #131E29;
}

.sidebarMenuInner li li a {
  text-transform: none;
  font-size: 33px;
  line-height: 40px;
  color: #666666;
  font-weight: normal;
}

.sidebarMenuInner li li {
    padding: 5px;
    font-family: 'Source Sans Pro', sans-serif;
}

/*.sidebarMenuInner li ul{*/
/*display:none;*/
/*}*/

.sidebarMenuInner li.active ul{
display:block;
}

input[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);
}

.sidebar input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}

.sidebarIconToggle {
    box-sizing: border-box;
    cursor: pointer;
    position: fixed;
    top: 50px;
    right: 50px;
    height: 70px;
    width: 70px;
    background: #09a5b5;
    padding: 26px 20px;
    z-index: 99;
    margin: 0;
    border-radius: 50%;
}

input[type="checkbox"]:checked ~ .sidebarIconToggle{
    background: #ffffff;
}


.sidebarIconToggle .readmore{
  margin-top: 10px;
  text-transform: uppercase;
}

.open-menu .sidebarIconToggle .spinner{
  display: block;
}

.open-menu .sidebarIconToggle{
  width: 56px;
  height: 56px;
  padding: 18px 15px;
}
.open-menu .sidebarIconToggle .menu{
  display: none;  
}

.sideBarTop{
  width: 100%;
    height: 120px;
  text-align: left;
  padding: 25px;
}
.sideBarTop img{
  height: 66px;
    width: 66px;
}

#sidebarMenu .one-half{
  padding: 15px;
  margin-top: 50px;
}

#sidebarMenu .menu{
  display: none;
}

.open-menu #sidebarMenu .menu{
  display: block;
  position: absolute;
    left: 90px;
    top: 40px;
    text-transform: uppercase;
    color: #666666;
  font-weight: 600;
}

.menupicture {
    float: right;
    padding-right: 10px;
    max-width: 80%;
    max-height: 80%;
    height: calc(100vh - 400px);
    opacity: 0.5;
}

.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #f3f1f1;
}

input[type="checkbox"]:checked ~ .sidebarIconToggle:after{
    display: none;
}

input[type=checkbox]:checked ~ .sidebarIconToggle .spinner{
    background-color: #666666;
}


.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 6px;
}

.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}

.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 6px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -11px;
}

#sidebarMenu .link{
  display: none;
}

#sidebarMenu li.parent ul{
    display: none;
  padding: 0;
}

#sidebarMenu li.parent.open ul, #sidebarMenu li.parent.active ul{
    display: block;
}

/*** MENU END ***/

b, strong {
    font-weight: 600;
}

.references .ce-row {
    display: inline-block;
}

.customer-feedback{
  margin-bottom: 50px;
}

.customer-feedback .slick-track{
  padding-bottom: 30px;
}


.main .customer-feedback .slick-slide{
  padding: 40px 80px;
}
.customer-feedback .slick-dots{
  bottom: 0;
}

.customer-feedback .readmore{
  text-decoration: underline;
}



.blue .slick-slider .slick-next:before, .blue .slick-slider .slick-prev:before {
    color: rgb(255 255 255 / 63%);
}

.ce-textpic video{
  max-width: 100%;
}

/*** turn ***/
.turn{
  padding: 25px 0;
}

.turn .rowel{
  display: flex;
}

.turn .wrapper{
  background: transparent;
}

.turn .rowel .ce-bodytext {
    display: table-cell;
    vertical-align: middle;
    padding: 50px;
    background: transparent;
}

.turn:nth-child(odd) .rowel{
  flex-direction: row-reverse;
}

.turn:nth-child(odd){
  background: #eef0ed;
}






.website-content .turn:nth-child(even) div.one-half:first-child{
    float: right;
}
.turn .rowel .ce-textpic {
    display: table;
    width: 100%;
}

.turn  .rowel{
  display: flex;
}

.turn  .rowel .ce-bodytext {
    display: table-cell;
    vertical-align: middle;
    padding: 50px;
}

.turn .ce-bodytext, .turn .textonly, .tunr .ce-textpic{
    height: 100%;
}

.turn{
    margin: 0;
    padding: 0;
}

.turn.formatted{
    margin: 25px 0
}
.turn.formatted .one-half {
    padding: 40px 0;
}

.turn.formatted .price{
    background: #e0e7f1;
    margin: 40px 0 auto 0;
}


.turn .overlay-figure{
    width: auto;
    overflow: visible;

}
.turn h3{
  margin-bottom: 25px;
      margin-bottom: 25px;
    text-transform: uppercase;
    color: #383838;
    font-family: 'Lato', cursive;
}

.turn figure img{
  width: 100%;
  height: 100%;
}

.turn:nth-child(even){
background: #dfe3dc;
}

.turn:nth-child(odd) .rowel{
background: #eef0ed;
flex-direction: row-reverse;
}

.turn .overlay-figure-content {
  display: flex;
}


.turn .overlay-figure-caption .contents-stack{
  background: rgb(223 227 220 / 38%);
    font-size: 150%;
  font-weight: 500;
}

.turn .overlay-figure-caption .contents-stack:hover{
  background: transparent;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


.turn .slick-slider .overlay-figure-caption .contents-stack{
  background: transparent;
}
.turn .slick-slider .slick-dots{
  bottom: 30px;
}
use
.turn .rowcell > div {
    height: 100%;
}

video {
    border-radius: 10px;
}



/* Allgemeine Formularstyles */
form {
    max-width: 600px;
    margin: 0 auto;
    padding: 2rem;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    font-family: 'Inter', sans-serif;
}

/* Überschriften im Formular */
form h2, form h3 {
    text-align: center;
    color: #222;
    margin-bottom: 1.5rem;
}

/* Labels */
form label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #555;
}

/* Input, Select, Textarea */
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form select,
form textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    margin-bottom: 1.2rem;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s ease;
}

form input:focus,
form select:focus,
form textarea:focus {
    border-color: #0066ff;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.2);
    outline: none;
}

/* Button */
form button {
    display: block;
    width: 100%;
    padding: 0.85rem 1.2rem;
    background: #0066ff;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

form button:hover {
    background: #0051cc;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}

/* Pflichtfelder markieren */
form [required] {
    border-left: 4px solid #ff4d4f;
}

/* Placeholder */
form ::placeholder {
    color: #aaa;
    opacity: 1;
}

/* Container für Checkbox + Label */
.checkbox-container {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* Abstand zwischen Checkbox und Text */
    margin-bottom: 1rem;
}

/* Checkbox */
.checkbox-container input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Label neben Checkbox */
.checkbox-container label {
    margin: 0;
    font-size: 0.95rem;
    color: #555;
}

/* Checkbox + Label */
.checkbox-container label {
    font-size: 1rem;       /* Standardgröße für bessere Lesbarkeit */
    line-height: 1.4;      /* etwas mehr Abstand zwischen Zeilen */
    color: #333;           /* dunkler für bessere Lesbarkeit */
    cursor: pointer;       /* zeigt, dass man klicken kann */
  margin-bottom: 0!important;
}

/* Optional: Checkbox etwas größer */
.checkbox-container input[type="checkbox"] {
    width: 20px!important;
    height: 20px;
}

/* Responsiv */
@media (max-width: 768px) {
    form {
        padding: 1.5rem;
    }
}


.smlinks.hidden{
    display: block!important;
    visibility: visible!important;
}

/* Desktop: runder Floating-Anfrage-Button */
@media (min-width: 1024px) {
  .smlinks .smlink:last-child {
    position: fixed;
    bottom: 20px;
    right: 50px;
    z-index: 9999;
    width: 60px;       /* kreisförmig */
    height: 60px;      /* kreisförmig */
    border-radius: 50%;
    background-color: #09a5b5; /* Hauptfarbe */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: transform 0.2s, background-color 0.2s;
  }

  .smlinks .smlink:last-child:hover {
    transform: scale(1.1);
    background-color: #09a5b5; /* dunkler beim Hover */
  }

  /* Nur das Icon anzeigen, Text ausblenden */
  .smlinks .smlink:last-child .smlink-text {
    display: none;
  }

  .smlinks .smlink:last-child .smlink-icon i {
    font-size: 24px;
    color: #fff;
  }
}

/* Tablet/Mobil normal anzeigen */
@media (max-width: 1023px) {
  .smlinks .smlink:last-child {
    position: static;
    width: auto;
    height: auto;
    border-radius: 0;
  }
}