/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'),
       url('/css/fonts/raleway-v12-latin-300.woff2') format('woff2'),
       url('/css/fonts/raleway-v12-latin-300.woff') format('woff');
}

/* =================================
   Basic HTML
   ================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

table, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

form {
  display: inline;
}

p {
  margin: 0px;
  padding: 8px 0px 0px 0px;
}

hr {
  margin: 4px 0px;
  padding: 0px 0px;
}

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

img {
  border: none;
  vertical-align: top;
}

sup, sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom; /* IE Hack */
  position: relative;
  font-size: 8px;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

a, a:active, select, a img, img, map, area, area:focus, input, input:focus, button, button:focus {
  outline: none;
  -moz-outline-style: none;
}

/* Always show vertical scroll */
html {
  /*overflow: -moz-scrollbars-vertical;*/
  overflow-y: scroll;
}

/* ========================================================================= */
/* ========================================================================= */

div, nav, header, footer, section, aside {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#fancybox-wrap *, #fancybox-outer *, #fancybox-wrap {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.cf:after {
  content: "";
  display: table;
  clear: both;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

._dep_article {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-rule: 1px dotted #ccc;
  -webkit-column-rule: 1px dotted #ccc;
  column-rule: 1px dotted #ccc;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

article.subpage, .iwsettergrid {
  --full: minmax(var(--gap), 1fr);
  --gcontent: var(--narrw_side);
  --gnarrow: min(var(--narrw), 100% - var(--gap) * 2);
  --popout: minmax(0, var(--pop));
  --feature: minmax(0, var(--fea));

  display: grid;
  grid-template-columns:
    [full-start] var(--full)
    [feature-start] var(--feature)
    [popout-start] var(--popout)
    [gcontent-start] var(--gcontent)
    [gnarrow-start] var(--gnarrow) [gnarrow-end]
    var(--gcontent) [gcontent-end]
    var(--popout) [popout-end]
    var(--feature) [feature-end]
    var(--full) [full-end];
}


article.subpage > * {
  grid-column: gcontent;
}

/* ========================================================================= */
/* ========================================================================= */

/* ========================================================================= */
/* ========================================================================= */

ul.stdlist {
  margin: 5px 5px 5px 0px;
  padding: 0px;
  list-style-type: none;
}

ul.stdlist ul {
  margin: 0px 0px 0px 15px;
}

ul.stdlist li {
  margin: 0px;
  padding: 0px 0px 0px 10px;
  list-style-type: none;
  background: url(/layout/list_icon.gif) no-repeat 0px 10px;
}

/* ========================================================================= */
/* ========================================================================= */

.shadow {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3)
;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3)
;
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3)
;
}

/* ========================================================================= */
/* ========================================================================= */
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  -webkit-text-size-adjust: none;
}

/* DEBUG */
#css-debug {
  position: absolute;
  border: 1px solid fuchsia;
  font-size: 10px;
  font-family: arial;
  background: white;
  opacity: 0.6;
  z-index: 99;
}

#css-debug:after {
  content: "std";
}

.css-dbg {
  width: 7px;
  height: 10px;
  float: left;
  background: blue;
  display: none;
  font-size: 10px;
  line-height: 10px;
  color: white;
}

#css-debug-1 {
  background: red;
}

#css-debug-2 {
  background: green;
}

#css-debug-3 {
  background: fuchsia;
}

#css-debug-4 {
  background: maroon;
}

#css-debug-5 {
  background: #555;
}

.page, .page p, .page tbody, .page input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
  color: #575756;
}

.page {
  min-height: 100%;
  position: relative;

}

header {
  background: #e6edf1;
  /*height:335px;*/
}

.main-content {
  padding-bottom: 150px !important; /* height footer */
  background: #fff;
}

.main-content:after, .platocontent:after {
  content: "";
  display: table;
  clear: both;
}

.platocontent {
  padding-bottom: 20px;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 150px;
  background: #e6edf1;
  text-align: center;
  border-top: 1px solid #617a90;
  padding-top: 20px;
  left: 0; /* left:0 ggf auskommentieren? */
}

nav ul, nav li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

/* ++++++++++++ BROWSER SPECIFIC ++++++++++++++ */

header, nav, button, input[type=submit], input[type=button] {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

::-webkit-input-placeholder {
  color: transparent;
  opacity: 1;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: transparent;
  opacity: 1;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent;
  opacity: 1;
}

:-ms-input-placeholder {
  color: transparent;
  opacity: 1;
}

input:focus::-webkit-input-placeholder {
  opacity: 0 !important;
  color: transparent !important;
}

input:focus:-moz-placeholder {
  opacity: 0 !important;
  color: transparent !important;
}

input:focus::-moz-placeholder {
  opacity: 0 !important;
  color: transparent !important;
}

textarea:focus::-webkit-input-placeholder {
  opacity: 0 !important;
  color: transparent !important;
}

textarea:focus:-moz-placeholder {
  opacity: 0 !important;
  color: transparent !important;
}

textarea:focus::-moz-placeholder {
  opacity: 0 !important;
  color: transparent !important;
}

/*
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
    background: #FFF;
    /*-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); * /
}
::-webkit-scrollbar-thumb {
    background: @color_lg;
    /*-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); * /
}
::-webkit-scrollbar-thumb:hover {
    background: @color_dg;
}
::-webkit-scrollbar-thumb:active {
    background: #888;
    /*-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3); * /
}
*/

.iwsetter {
  width: 100%;
  max-width: 1100px;
  min-width: 320px;
  padding: 0 15px;
  margin: 0px auto;
}

.col-main {
  float: left;
  width: 100%;
  max-width: 680px;

}

.col-margin {
  float: left;
  width: 100%;
  max-width: 300px;
  margin-left: 30px;
  display: block;

}

.partner .col-margin {
    float: right;
    max-width: 210px;
    margin-right: 10px;
}

.travel_management .col-main{
  
  max-width: 800px;
  
}
/* TAG: [TRENNER] */
div.ruler, hr {
  margin-bottom: 11px;
  border: 0;
  border-bottom: 1px solid #000;
  height: 12px;
  overflow: hidden;
}

.topnav {
  height: 70px;
  background: #9db8cb;
  border-bottom: 1px solid #617a90;
  padding-top: 18px;
}

.topnav ul {
  margin: 0;
  padding: 0;
  float: right;
}

.topnav ul li {
  margin: 0;
  margin-left: 1px;
  padding: 0;
  float: left;

}

.topnav ul li a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  display: inline-block;
  padding: 6px 14px;
  margin: 0;
}

.topnav ul li a:hover, .topnav ul li.active a {
  background-color: #617a90;
}

.topnav ul ul {
  position: absolute;
  z-index: 999999;
  background: #7b9db6;
  display: none;
}

.topnav ul ul li {
  float: none;
}

.topnav ul ul li a {
  display: block;
  background: #7b9db6 !important;
}

.topnav ul ul li:hover a {
  display: block;
  background: #617a90 !important;
}

.topnav ul li:hover ul {
  display: block;
}

.topnav ul li:hover {
  background: #617a90 !important;
}

.topnav {

  position: fixed;
height: auto;
top: 0;
width: 100%;
background-color: rgba(157, 184, 203, 0.9);
text-align: center;
z-index: 99999;
font-family: Arial, Helvetica, sans-serif;
height: 70px;
background: #9db8cb;
border-bottom: 1px solid #617a90;
padding-top: 18px;

}

.login-button {
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #617a90;
  text-transform: uppercase;
  text-decoration: none;
  background: #e6edf1;
  border: 1px solid #cddae4;
  display: inline-block;
  margin: 0 0 0 20px;
  padding: 6px 10px;
  letter-spacing: 1px;
}


.login-button:hover {
  background-color: #FFF;
}

.mobile-nav-button {
  float: right;
  margin: -1px 0 0 20px;
}

#logo {
  position: absolute;
  z-index: 99999999;
  top: 0;
}

.start-block {
  border: 1px solid #cddae4;
  padding: 15px;
  float: left;
  margin-bottom: 30px;
  width: 300px;
}

.start-block:nth-child(2n) {
  margin-right: 30px;
}

.start-block p {
  padding: 10px 0 0 0;
  margin: 0;
  font-size: 13px;
}

.start-block a img {
  display: inline;
}

.start-block a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.start-block .adtext {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #c61932;
  padding: 10px 15px;
  font-size: 14px;
  color: white;
  font-weight: bold;
}

.start-block .adtext strong {
  color: #ffd500;
  font-size: 18px;
}

.start-tipps-tel {
font-size: 1rem;
    color: grey;
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    line-height: 1.5rem;
    margin: 0;
    padding: 37px 0 0px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    text-align: center;
}
.calc-block {
  border: 1px solid #cddae4;
  /*width:300px;*/
  margin-bottom: 30px;
}

.calc-block-msmall {
  border: 1px solid #cddae4;

  margin-bottom: 10px;
}

.calc-block.colored {
  background-color: #e6edf1;
}

.calc-block.dark {
  background: transparent url(/layout/blue_transparent.png) repeat top left;
  border-color: #617a90;
  color: #FFF;
  line-height: 20px;
}

.calc-block.dark hr {
  border-color: white;
}

.calc-block.flexible {
  border:none;
  margin:20px 0 20px 0;
}

.calc-block.flexible div.inner {
  float:left;
  width:50%;
}

.yllw {
  color: #ffd500;
}

.calc-block .large {
  font-size: 14px;
  font-weight: bold;
}

.calc-block .xlarge {
  font-size: 17px;
  font-weight: bold;
  line-height: 26px;
}

.calc-block .xxlarge {
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
}

.more {
  padding-right: 20px;
  font-weight: bold;
  text-decoration: none;
  background: url(/layout/more_white.png) no-repeat right 2px;
  color: #fff !important;
}

.pad {
  padding: 0 20px;
}

.blue-head, .red-head {
  background: #617a90;
  padding: 7px 15px;
  font-size: 13px;
  color: white;
  font-weight: bold;
  float: right;
  position: relative;
  z-index: 99;
  margin-top: -1px;
  margin-right: -1px;
}

.red-head {
  background: #c61932;
}

.red-head span {
  font-weight: normal;
}


.red-white-head, .white-read-head, .blue-white-head {
  font-size: 13px;
  font-weight: bold;
  position: relative;
  z-index: 99;
  margin-top: -1px;
  margin-right: -1px;
  border: 1px solid #cddae4;
  border-left: none !important;
  border-bottom: none !important;
  text-align: center;
  line-height: 22px;
}

.red-white-head {
  padding: 9px 15px;
  background: #c61932;
  color: white;
  font-style: italic;
}
.white-read-head {
  padding: 9px 20px;
  background: white;
  color: #c61932;
}

.blue-white-head {
  padding: 9px 20px;
  background: white;
  color: #617a90;
}

.red-white-head span {
  font-weight: normal;
  font-style: normal;
}


.red-white-head-tah {
  position: relative;
   z-index: 99;
   margin-top: -1px;
   margin-right: -1px;
   border: 1px solid #cddae4;
   border-left: none !important;
   border-bottom: none !important;
  padding: 15px 20px;
  background: #c61932;
  color: white;
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  line-height: 18px;

}


.red-white-head-tah span {
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
}

.red-white-head-tah span span {
  font-weight: bold;
  color:#ffd500;
}

.blue, .red, .blue-dark {
  padding: 9px 20px;
  margin: 20px 0 12px 0;
  font-weight: bold;
}

.blue {
  background: #e6edf1;
  color: #617a90;
}

.blue-dark {
  background: #617a90;
  color: white;
}

.red {
  background: #c61932;
  color: #ffffff;
}

.blue-small {
  background: #e6edf1;
  padding: 9px;
  margin: 20px 0 12px 0;
  font-weight: bold;
  color: #617a90;
}

.fw-normal {
  font-weight: normal !important;
}

.red-small {
  background: #dd8586;
  padding: 9px;
  margin: 20px 0 12px 0;
  font-weight: bold;
  color: #000000;
}

.red-small a.white {
  color: #617a90 !important;
}

.blue1-black, .blue2-black, .red1-black, .red2-black {
  padding: 9px 20px;
  margin: 0px;
  font-weight: bold;
  color:#000000;
  text-align: center;
  font-size: 13px;
  line-height: 22px;
}

.blue1-black {
  background: #cddae4;
}

.blue2-black {
  background: #e6edf1;
}

.red1-black {
  background: #dd8586;
}

.red2-black {
  background: #eab7af;
}





.blue1-black span, .blue2-black span {
  font-weight: normal;
}


.blue-partner,.blue-partner-last,.blue-partner-active {
  background: #e6edf1;
  padding: 9px 20px;
  font-weight: bold;
  color: #617a90;
  border-bottom: 1px solid #cddae4;
}

.blue-partner-last {
  background: #d4dfe7 !important;
}


.blue-partner:hover, .blue-partner-last:hover {
  background: #617a90;
}

.blue-partner:hover a,
.blue-partner:hover a:hover,
.blue-partner-last:hover a,
.blue-partner-last:hover a:hover
{
  display:block;
  color:#ffffff !important;
}


.blue-partner-last {
  border:none !important;
}

.blue-partner a {
  color:#617a90;
}

.blue-partner-active {
  background: #617a90 !important;

}

.blue-partner-active a {
  color:#ffffff !important;
}


.questions {
  background: #617a90;
  padding: 9px 20px;
  font-weight: bold;
  color: white;
}

.travel_and_home {
  background: #c61932;
  padding: 20px 20px;
  font-weight: bold;
  color: white;
}

.travel_and_home span {
  font-weight: normal !important;
}

.label {
  float: left;
  font-weight: bold;
  margin-right: 10px;
  padding-top: 2px;
}

.label-input {
  padding-top:3px;
}

.date-input {
  background: #e6edf1 url(/layout/cal.png) no-repeat center right;
}

.input-block {
  padding: 9px 20px;
}

.inp {
  float: right;
}

.calc-block input[type=text], .calc-block input[type=text].error,
.calc-block input[type=password], .calc-block input[type=password].error,
.calc-block input[type=number], .calc-block input[type=number].error
{
  border: 1px solid #cddae4;
  font-size: 12px;
  float: left;
  padding: 4px 5px 3px 5px;
  background: #e6edf1;
}

.calc-block input.error {
  background: #ff8084 !important;
}




.calc-block input[type=submit], input[type=submit], input[type=button] {
  border: none;
  background: #617a90;
  font-size: 12px;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
  padding: 3px 5px;
}

a.red-button {
  background: #c61932;
  font-weight: bold;
  color: #FFF !important;
  padding: 5px 7px;
  border: none;
}

a.red-button i {
  margin-right:5px;
}


.calc-block.colored input[type=text] {
  background: #FFF;
}

.calc-block.colored .blue {
  /*padding: 2px 20px;*/
  background-color: #d3dfe7;
}

.calc-block.colored .date-input {
  background: #fff url(/layout/cal.png) no-repeat center right !important;
}

footer nav {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1px;
}

footer nav a {
  text-transform: uppercase;
  color: #617a90;
  padding: 0 5px;
  text-decoration: none;
}

header .bx-prev, header .bx-next {
  width: 33px;
  height: 33px;
  position: absolute;
  left: 50px;
  top: 200px;
  z-index: 999999;
  background: url(/layout/slide_left.png) no-repeat top left;
}

header .bx-next {
  right: 50px;
  left: auto;
  background-image: url(/layout/slide_right.png);
}

.main-headline h1,
.main-headline h1.alt,
.main-headline h1.alt2
{
  font-family: 'Raleway', Arial, Helvetica, sans-serif;
  position: absolute;
  z-index: 10;
  color: white;
  margin-top: 80px;
  margin-left: -4px;
  font-size: 60px;
  line-height: 60px;
  text-align: left;
}
.main-headline h1.alt {
  color: #617a90 !important;
}

.main-headline h1.alt2 {
  color: #c61932 !important;
}

.slider-height {
  height: 447px;
}

#slider li {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#slider h1 {
  font-family: 'Raleway', Arial, Helvetica, sans-serif;
  position: absolute;
  z-index: 10;
  color: white;
  margin-top: 155px;
  margin-left: -4px;
  font-size: 48px;
  line-height: 58px;
  text-align: left;
}

#slider h2 {
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  z-index: 10;
  color: white;
  margin-top: 295px;
  margin-left: -4px;
  font-size: 24px;
  line-height: 30px;
  text-align: left;
  font-weight: normal;
}

.mobile-nav-button {
  display: none;
}

.mobile-nav {
  display: none;
}

/*
.header-img { max-width:1920px; min-width:320px; width:100%; margin:0 auto; }
*/

.red-text {
  color: #c61932;
}

.red-text-italic {
  color: #c61932;
  font-style: italic;
}

.blue-text, .blue-text-bold {
  color: #617a90;
}

.blue-text-bold {
  font-weight: bold;
}

h1 {
  color: #617a90;
  font-size: 25px;
  /*letter-spacing: 1px;*/
  line-height: 28px;
  margin: 0;
  padding: 0 0 20px 0;
  font-weight: normal;
}

small, .small {
  font-size: 11px;
  line-height: 13px !important;
}

.download-link {
  padding-right: 20px;
  text-decoration: none;
/*  background: url(/layout/more.png) no-repeat right 2px;*/
  color: #617a90;
}

.info-tab {
  background: #e6edf1;
  padding: 9px 20px;
  margin: 5px 0 0px 0;
  font-weight: bold;
  color: #617a90;
  cursor: pointer;
  border: 1px solid #cddae4;
}

.flexible-tab {
  background: #98b3c6;
  padding: 9px 20px;
  margin: 2px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  border: 1px solid #cddae4;
  width:49%;
  float: left;
  height: 70px;
}
.flexible-tab div {
  display:inline-block;
}

.flexible-tab div.flexible-txt {
  width: 90%;
}


.flexible-tab div.flexible-check {
  float: right;
  margin-top: 2px;
  vertical-align: top;
}
#price_calculator .flexible-tab {
      word-break: break-word;
}
.info-content {
  display: none;
  padding: 10px 20px;
  background: #f6f9fa;
}

.info-content.basic {
  padding: 10px 20px 10px 0px;
}

.extended {
  padding: 10px 20px 10px 80px;
}


.info-content, .info-content p {
  font-size: 12px;
}

.info-content ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
}

.info-content ul li {
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
}

.info-content ul li {
  background: url(/layout/list_1.png) no-repeat 0 4px;
}

.info-content ul ul li {
  background: url(/layout/list_2.png) no-repeat 0 4px;
}

ul.check {
  list-style: none;
  margin: 0;
  padding: 10px 0 0 0;
}

ul.check li {
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
  line-height: 20px;
  font-size: 12px;

}

ul.check li {
  background: url(/layout/list_check.png) no-repeat 0 0;
  line-height: 24px;
}

ul.check li.green {
  background: url(/layout/list_check_green.png) no-repeat 0 0;
  line-height: 24px;
  padding: 0 0 0 25px;
}

ul.check ul li {
  background: none !important;
  font-size: 12px;
}



ul.noindent {
  padding: 0;
}

.bordered {
  border: 1px solid #cddae4;
}

.neg-up {
  margin-top: -32px;
  position: relative;
  z-index: 9;
}

.full-width {
  width: 100%;
}

.main-headline {
  text-align: center;
  position: relative;
  z-index: 1;
  height: 265px;

}

.main-headline {
top: 4.25rem;
margin-bottom: 5rem;
}

div.check-left {
  width:300px;
  float:left;
  margin-top:15px;
}

div.check-right {
  width:320px;
  float:left;
  margin-top:15px;
}

/* MOBILE WEBKIT */

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
  -webkit-text-size-adjust: none; /*-webkit-text-size-adjust: 100%;*/
}

input[type=text], input[type=password], input[type=number], input[type=email], input[type=submit], select, textarea, button, input[type=button] {
  -webkit-border-radius: 0;
}

input[type=submit], input[type=button] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.hide-desktop {
  display:none;
}

.hide-mobile {
  display:block;
}

.rp-logo {
  position: absolute;
  margin-left: 150px;
  z-index: 10000;
  margin-top: -100px;
}

#fair-cert {
    position: absolute;
    top: 120px;
    overflow: visible;
    height: 100px;
    z-index: 999;
    left: 120px;
}

#fair-cert.top-start {
    left: 60px;
}

#fair-cert img,#fair-cert-mobile img  {
    max-height: 118px;
    padding: 3px;
}

#fair-cert-small {
    position: fixed;
    top: 0px;
    overflow: visible;
    height: 100px;
    z-index: 999999;
    left: 40px;


}

#fair-cert-small.top-start {
  /*  left: 60px;*/
}

#fair-cert-small img,#fair-cert-small-mobile img  {
    max-height: 119px;
    padding: 3px;
}

#fair-cert-mobile {

  display: none;
}

.top-start .top-linkbox {
    top: 4px;
    right: 0px;
}

.top-sub .top-linkbox {

  top:60px;
}

.top-linkbox {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 11px;
  transition: all 0.25s ease-out;
  background: #b2c5d5 url(/layout/icon-message.png) no-repeat 6px center /30px 30px;
  background-image: url("/layout/icon-message.png");
  padding-left: 40px;
  top: 10px;
  margin-top: 0px;
  z-index: 7777777;
  line-height: 42px;
  color: white;
  font-weight: bold;
}

.top-linkbox a {
  color: white;
}


.top-linkbox.active {
  transform: translateX(-230px);
  transition: all 0.25s ease-in;

}



.top-linkbox.tl-tel {
  margin-top: 50px;
  background-image: url(/layout/icon-call.png);
  cursor: help;
}

.top-linkbox.tl-contact {
  margin-top: 100px;
  background-image: url(/layout/icon-message.png);

}

.top-linkbox.tl-nl {
  margin-top: 150px;
  background-image: url(/layout/icon-report.png);
}

.top-linkbox.tl-chat {
  margin-top: 200px;
  background-image: url(/layout/icon-chat.png);
  cursor: help;
}


.linkbox-content {
  background: #b2c5d5;
text-align: left;
padding-left: 20px;
font-size: 13px;
line-height: 40px;
display: none;
width: 220px;
position: absolute;
right: 60px;
}


.tl-tel .linkbox-content {

line-height: 20px;
padding: 10px 20px;
width: 220px;



}


.top-linkbox:hover .linkbox-content {

  display: block;

}



.top-linkbox {
  cursor: pointer;
}


.lang-box, .lang-box-mobile, .top-lang-box, .top-lang-box-mobile {
  position: absolute;
  width:145px;
  background: #e6edf1;
  -webkit-box-shadow:  0px 2px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:     0px 2px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow:          0px 2px 3px 1px rgba(0, 0, 0, 0.15);
  padding:20px 20px;
  margin-left:-20px;
  margin-top:6px;
  display: none;
  z-index: 150;
}

.curr-lang {
  display: inline-block;
  cursor: pointer;
  width:100%;
  color: white;
  font-weight: bold;

}
.lang-line {
  padding-left:34px;
  width:102px;
  display: inline-block;
}

.lang-line a {
  font-weight: bold;
}

.lang-line-inner:not(.last) {
  margin-bottom: 10px;
  color: white;
}

.lang-line a:hover { color: #00afd8; }

.lang-de {
  background:url(/images/flags_svg/de.svg) no-repeat center left;
}

.lang-ch {
  background:url(/images/flags_svg/ch.svg) no-repeat center left;
}

.lang-at {
  background:url(/images/flags_svg/at.svg) no-repeat center left;
}

.lang-nl {
  background:url(/images/flags_svg/nl.svg) no-repeat center left;
}

.lang-de ,.lang-at,.lang-ch,.lang-nl{
  background-size: 25px 16px;
}
.lang-nav, .lang-nav-mobile {
  float: right;
  margin-left: 25px;
  margin-top: 9px;
}

.lang-nav-mobile {
  display:none;
}

.ch-start-c2 {

   column-count:2;
}

.start-block.list {
    border: none;
}

.ch-start-c2 .start-block {
    margin-bottom: 0px;
}

.lang-box, .lang-box-mobile {
  position: absolute;
  width:145px;
  background: #e6edf1;
  -webkit-box-shadow:  0px 2px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:     0px 2px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow:          0px 2px 3px 1px rgba(0, 0, 0, 0.15);
  padding:20px 20px;
  margin-left:-20px;
  margin-top:6px;
  display: none;
  z-index: 150;
}

.curr-lang {
  display: inline-block;
  cursor: pointer;
  width:100%;
  color: white;
  font-weight: bold;

}
.lang-line {
  padding-left:34px;
  width:102px;
  display: inline-block;
}

.lang-line a {
  font-weight: bold;
}

.lang-line-inner:not(.last) {
  margin-bottom: 10px;
  color: white;
}

.lang-line a:hover { color: #00afd8; }

.lang-de {
  background:url(/images/flags_svg/de.svg) no-repeat center left;
}

.lang-ch {
  background:url(/images/flags_svg/ch.svg) no-repeat center left;
}

.lang-at {
  background:url(/images/flags_svg/at.svg) no-repeat center left;
}

.lang-nl {
  background:url(/images/flags_svg/nl.svg) no-repeat center left;
}

.lang-de ,.lang-at,.lang-ch,.lang-nl{
  background-size: 25px 16px !important;
}



.lang-nav, .lang-nav-mobile {
  float: right;
  margin-left: 25px;
  margin-top: 9px;
}


.lang-box, .lang-box-mobile {
  position: absolute;
  width:145px;
  background: #e6edf1;
  -webkit-box-shadow:  0px 2px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:     0px 2px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow:          0px 2px 3px 1px rgba(0, 0, 0, 0.15);
  padding:20px 20px;
  margin-left:-20px;
  margin-top:6px;
  display: none;
  z-index: 150;
}

.curr-lang {
  display: inline-block;
  cursor: pointer;
  width:100%;
  color: white;
  font-weight: bold;

}
.lang-line {
  padding-left:34px;
  width:102px;
  display: inline-block;
}

.lang-line a {
  font-weight: bold;
}

.lang-line-inner:not(.last) {
  margin-bottom: 10px;
  color: white;
}

.lang-line a:hover { color: #00afd8; }

.lang-de {
  background:url(/images/flags_svg/de.svg) no-repeat center left;
}

.lang-ch {
  background:url(/images/flags_svg/ch.svg) no-repeat center left;
}

.lang-at {
  background:url(/images/flags_svg/at.svg) no-repeat center left;
}

.lang-nl {
  background:url(/images/flags_svg/nl.svg) no-repeat center left;
}

.lang-nav, .lang-nav-mobile {
  float: right;
  margin-left: 25px;
  margin-top: 9px;
}

.lang-nav-mobile {
  display:none;
}

.news-columns {
    
    column-count: 2;
  }

  .services-checklist {
/*    max-width: 90%;*/
  }
  
  .service-row {
    display: flex;
    gap: 30px;
  }
  .service-column img {
    width:40px;
    height: auto;
  }
  .golf-table {
     max-width:650px;
  }
@media all  and (max-width: 1490px) {
  #fair-cert,#fair-cert-small {
    display: none;
  }

  #fair-cert-mobile {

    overflow: visible;
    z-index: 999;

    display: block;

  }
}



/* MOBILE */



/* smaller screens  and (min-width: 769px) */
@media all  and (max-width: 1200px) {
  #css-debug:after {
    content: "max1000";
  }

  #css-debug-1 {
    display: block;
  }

  #slider li {
    background-size: 1400px auto;
  }

  /*356 */
  .slider-height {
    height: 325px;
  }

  #slider h1 {
    margin-top: 105px;
    margin-left: -4px;
    font-size: 45px;
    line-height: 50px;

  }

  #slider h2 {
    margin-top: 230px;
    margin-left: -4px;
    font-size: 20px;
    line-height: 26px;

  }

  header .bx-next {
    right: 20px;
    top: 170px;
    display: none;
  }

  header .bx-prev {
    left: 20px;
    top: 170px;
    display: none;
  }

#logo, #logo img {
        position: absolute;
        width: 110px;
        left: 8px;
}

.travel_management .col-main {
    float: none;
    width: 100%;
    max-width: 100%;
  }

}



/*@media*/
@media all  and (max-width: 1050px) {
  .desktop-nav a {
    font-size: 10px !important;
    padding: 4px 8px !important;
  }

  .lang-nav {
    margin-top:7px;
  }
}

@media all  and (max-width: 960px) {
  .hide-desktop {
    display:block;
  }

  .hide-mobile {
    display:none;
  }
  #fair-cert-mobile {

       float: left;

  }
  .news-columns {
    
    column-count: 1;
  }
}

/* smaller screens  and (min-width: 769px) */
@media all  and (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {

  #css-debug:after {
    content: "min769,max1024";
  }

  #css-debug-1 {
    display: block;
  }

  .neg-up {
    margin-top: 30px;
  }

  .col-margin {
    margin-left: 0px;
    /* volle breite bereits hier für margin?
      max-width: 615px; width:100%;*/

  }

  .col-main {
    padding-right: 15px;
    max-width: 600px;
  }

  .iframe .col-main {
    max-width: 100%;
    padding-right: 0;
  }

  .start-block:nth-child(2n-1) {
    margin-right: 15px;

  }

  /*.iwsetter { min-width:320px; max-width:900px; }*/

}

/*@media*/

/* pads only */
@media all and (min-width: 400px) and (max-width: 950px) {

  .lang-nav-mobile {
    margin:-2px 40px 0 0 !important;
    width:20px;
    display:block;
  }
  .lang-line {

  width:100%;

}

  #css-debug:after {
    content: "min400,max768";
  }

  #css-debug-2 {
    display: block;
  }

  .iwsetter {
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
  }

  .iframe .iwsetter {
    border-left: 0;
    border-right: 0;
  }

  .col-margin {
    margin-left: 0px;
    /* volle breite bereits hier für margin? */
    max-width: 615px;
    width: 100%;

  }

  .dark {
    width: 100%;
    max-width: 615px;
  }

  .flexible-tab {
    font-size:14px;
    width: 100%;
  }

  .calc-block.flexible div.inner {
    width:100%;
    margin: 0 0 20px 0;
  }

  .main-headline {
    background-position: 60% center !important;
  }


}


/*@media*/

/* pads mobile ver */
@media all  and (max-width: 950px) {

  .main-headline {
    background-position: 60% center !important;
  }

  #css-debug:after {
    content: "min20,max768";
  }

  #css-debug-3 {
    display: block;
  }

  #fancybox-img {
    width: 80%;
  }

  .col-main {
    padding-right: 0px;
  }

  .col-margin {
    margin-left: 0px;
    max-width: none;
    margin-top: 30px;
  }

  .info-content, .info-content p {
    font-size: 14px;
  }

  .main-headline h1 {
    margin-top: 50px;
    margin-left: -4px;
    font-size: 50px;
    line-height: 50px;

  }

  #logo img {
    width: 150px;
  }

  .col-main {
    float: left;
    width: 100%;
    max-width: 100%;
  }

  .mobile-nav-button {
    display: block;
  }

  #slider li {
    display: none;
  }

  /*356 */
  .slider-height {
    display: none;
  }

  .desktop-nav {
    display: none;
  }

  .mobile-nav {
    position: absolute;
    width: 100%;
    background: #fff;

    z-index: 99999;
    top: 50px;
    padding-top: 35px;
    font-size: 18px;
    opacity: 0.94;
  }

  .mobile-nav a {
    color: #575756;
    text-decoration: none;
    border-bottom: 1px solid #888;
    display: block;
    line-height: 30px;
    padding: 10px 20px 10px 50px;
  }
  .mobile-nav ul ul li a {
    padding-left: 70px !important;
  }

  header .bx-next {
    display: none;
  }

  header .bx-prev {
    display: none;
  }

  header {
    height: 50px;
    overflow: hidden;
  }

  .topnav {
    height: 50px;
  }

  .start-block {
    width: 48%;
  }

  .start-block:nth-child(2n-1) {
    margin-right: 4%;
  }

  .start-block img {
    width: 100%;
  }

  .start-block a {
    display: block;
  }

  .left-float-image {
    float: none !important;
  }

  .right-float-image {
    float: none !important;
  }

  div.image-subscription {
    padding: 1px 4px;
    font-size: 10px;
  }

  .platocontent, .platocontent p, .platocontent tbody, .content-wrapper, .cms_content_content {
    font-size: 16px;
    line-height: 20px;
  }

  .iframe .platocontent, .iframe .platocontent p, .iframe .platocontent tbody, .iframe .content-wrapper, .iframe .cms_content_content
  {
    font-size: 13px;
    line-height: 20px;
  }

  ul.check li {
    font-size: 16px !important;
  }

  div.check-left {
    width:330px;
    margin-bottom:30px;
  }

  div.check-right {
    width:300px;
  }

  .iwsetter {
    min-width: auto;
    max-width: auto;
    width: 100%;
  }

  .main-headline {
    height: 205px;
    top: 0rem !important;
margin-bottom: 0rem !important;
        background-size: cover !important;
        background-position: 50%  center !important;
  }

  .start-block .adtext {
    /*padding:10px 15px;*/
    font-size: 18px;
  }

  .start-block .adtext strong {
    font-size: 23px;
  }

  .ch-start-c2 {

   column-count:1;
}

#logo img {
  max-width: 200px;
}

  .discount-2020 img {
    top: 50px !important;
    max-width: 120px !important;
margin: 0 0 !important;
  }
}

/*@media*/

/* only mobile */
@media all and (max-width: 559px) {

    .main-headline h1, .main-headline h1.alt, .main-headline h1.alt2 {
    font-size: 3rem;
  }

  #css-debug:after {
    content: "min20,max400";
  }

  #css-debug-5 {
    display: block;
  }

  .mobile-nav a {
    padding: 10px 20px 10px 20px;
  }

  .mobile-nav ul ul li a {
    padding-left: 30px !important;
  }


  .start-block {
    width: 100%;
    margin-right: 0 !important;
  }

  .start-block img {
    width: 100%;
  }

  .table-col.worth {
    width: 30% !important;
  }

  .top-linkbox {

    top:0;
    display: none;


}
.top-linkbox.tl-tel {    margin-top:30px;}
.top-linkbox.tl-contact {    margin-top:90px;}
.top-linkbox.tl-nl  {    margin-top:150px;}

  .lang-nav-mobile {
    margin:-2px 40px 0 0 !important;
    width:20px;
    display:block;
  }
  .lang-line {

  width:100%;

}

  .flexible-tab {
    font-size:14px;
    width: 100%;
  }


  
 .banner-covid-19  img {
    top: 50px !important;
    max-width: 80px !important;
margin: 0 0 !important;
  }


}

/*@media*/



.platocontent h1, .cms_h1_content {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 30px;

}

.platocontent h1 {
margin:0px;
padding:30px 0px 10px 0px;
line-height:normal;
}

.platocontent h2, .cms_h2_content {
color: #617a90;
font-family: Arial;
font-weight: bold;
font-size: 14px;

}

.platocontent h2 {
 margin:10px 0 0 0;
padding:12px 0px 10px 0px;
line-height:normal;
}

.platocontent h3 {
font-size:11px;
font-weight:bold;
margin:0px;
padding:9px 0px 4px 0px;
}



/* =================================
   Margins
   ================================= */
   /*
.platomargin h1, .cms_h1_margin {
font-size:14px;
font-weight:bold;
}

.platomargin h1{
margin:0px;
padding:0px 0px 2px 0px;
}

.platomargin h2, .cms_h2_margin {
font-size:12px;
font-weight:bold;
}

.platomargin h2 {
margin:0px;
padding:0px 0px 0px 0px;
}

.platomargin font, .platomargin p, .platomargin div, .platomargin span, .platomargin tbody, .cms_content_margin {
font-family:Arial,sans-serif;
font-size:11px;
text-decoration:none;
line-height:16px;
}

.platomargin input, .platomargin select, .platomargin textarea, .platomargin button {
font-family:Arial,sans-serif;
font-size:11px;
margin:0px;
}

.platocontent p, .platomargin p {
padding:10px 0px 0px 0px;
margin:0px;
}

.platocontent p.p-block, .platomargin p.p-block{
margin:0px;
padding:20px 0px 0px 0px;
clear:both;
}

*/

/* =================================
   Standard Contents
   ================================= */
cite {
margin:0px 0px 0px 20px;
padding:0px 0px 0px 15px;
border-left:1px solid #CCC;
display:block;
font-style:normal;
}

br.invisible-br {
height:0px; clear:both; line-height:0px; overflow:hidden;
}



/* =================================
   Links
   ================================= */
.platocontent a, .platocontent a:link, .platomargin a, .platomargin a:link {
color: #8aadc0;
text-decoration: none;
}

.platocontent a:hover, .platomargin a:hover {
 color: #40567D;
text-decoration: none;
}

a.stdlink, a.stdlink:link, a.stdlink-ext, a.stdlink-ext:link, a.internal-link, a.internal-link:link, a.mail-link {
  color: #8aadc0;
  text-decoration: none;
}

a.stdlink:hover, a.stdlink-ext:hover, a.internal-link:hover, a.mail-link:hover {
  color: #40567D;
  text-decoration: none;
}


/* =================================
   Lists
   ================================= */
.content-block ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
}

.content-block ul li {
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
  background: url(/layout/list_1.png) no-repeat 0 4px;
}

.content-block ul ul li {
  background: url(/layout/list_2.png) no-repeat 0 4px;
}

.content-block ol {
margin:5px 10px 0px 20px;
padding:0px;
}


/* =================================
   Sitemap
   ================================= */
   /*
#sitemap a {
color:#F97F00;
}

#sitemap a:hover {
text-decoration:underline;
color:#F97F00;
}

#sitemap ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#sitemap ul ul {
margin:0px 0px 10px 15px;
}

#sitemap ul li {
margin:0px;
padding:0px 0px 0px 0px;
}*/

/* =================================
   CMS Content Classes and Modules
   ================================= */
/* [BILD] Tag */
.inline-image {
vertical-align:middle;
}


/* Suchbegriff hervorheben - Search Klasse */
.mark-term {
color:#CC0000 !important;
background:yellow !important;
font-weight:bold;
font-size:inherit;
font-family:inherit;
}

/* ----------------------------
   Validator, form-table, Inputs
   ---------------------------- */
.platocontent input, .platocontent select, .platocontent textarea, .platocontent button {
font-family:Arial,sans-serif;
font-size:12px;
margin:0px;
}

.val-err, .error {
color:#CC0000;
font-weight:normal;
font-size:9px;
}

.val-desc-err {
color:#CC0000 !important;
font-weight:bold
}

table.form-table tr td {
padding:3px 0px;
}

table.form-table td.a {
white-space:nowrap;
padding-right:10px;
  font-weight: bold;
}

table.form-table td.b {
width:100%
}

table.form-table td table.inner td {
padding:0px 0px;
}

.p-ra {
vertical-align:middle;
margin-right:3px;
border-color:#C2D8E6;
}

.p-cx {
vertical-align:middle;
margin-right:3px;
border-color:#C2D8E6;
}

.p-ta {
border-color:#C2D8E6;
}

.p-ti {
border-color:#C2D8E6;
}

.p-mul {
border-color:#C2D8E6;
}

.p-dd {
border-color:#C2D8E6;
}

.p-sb, button {
border:none;
color:white;
font-weight:bold;
background:#A5AAC0;
line-height:16px;
padding:2px 2px;
margin:0px;
}

/* ----------------
   Paging
   ---------------- */
ul.paging {
margin: 0px;
padding: 0px;
display:inline;
list-style-type: none;
}

ul.paging li {
display:inline;
line-height:20px;
padding:0px !important;
}

ul.paging li a, ul.paging li div {
color: #40567D;
border:1px solid #CCC;
padding:1px 5px;
display:inline;
}
ul.paging li a {
background:#F5F5F5;
text-decoration:none;
}
ul.paging li div {
font-weight:bold;
}

* html ul.paging li div { margin-right:0.25em; }

ul.paging li a:hover {
background:#FFF;
text-decoration:none;
}



#platocontent {
  padding-left:42px;
  padding-right:25px;
}

.trav_reg td {
  padding-top:2px;
  padding-bottom:2px;
  vertical-align: top;
}

.p-ti, .p-dd, .p-ta {
  border:1px solid #aecde2;
  background-color:#dceaf3;
  color:#0C3D66;
  min-width: 40px;
}

.p-ta {
  padding: 0;
}

.p-sb {
  border: none;
  background: #617a90;
  font-size: 1rem;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
  padding: 3px 5px;
}

img, div, a, input, li { behavior: url("/css/iepngfix.htc") }

/* ----------------- tabs ----------- */

.ui-tabs-nav {
position: relative;
z-index: 10 !important;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
font-size: 11px;
}

.ui-tabs-nav a {
white-space: nowrap;
display:block;
}

.ui-tabs-nav li {
background: url(/images/backend/tab_off.gif) no-repeat;
margin: 0px 0px -2px 0px;
float:left;
width: 185px;
height: 23px;
}

.small-tabs .ui-tabs-nav li {
background: url(/images/backend/tabk_off.gif) no-repeat;
width: 100px;
}

.ui-tabs-nav li a:link {
color: #7c9ead !important;
text-decoration: none !important;
}

.ui-tabs-nav li a:visited {
color: #7c9ead !important;
text-decoration: none !important;
}

.ui-tabs-nav li a:hover  {
text-decoration: underline !important;
cursor: pointer;
}

.ui-tabs-selected {
background: url(/images/backend/tab_on.gif) no-repeat !important;
position: relative;
    top: 0px;
    z-index: 2;
    margin-top: 0;
}

.small-tabs .ui-tabs-selected {
background: url(/images/backend/tabk_on.gif) no-repeat !important;
}



.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.ui-tabs-hide {
display: none;
}

.ui-tabs-nav a, .ui-tabs-nav a span {
float: center; /* fixes dir=ltr problem and other quirks IE */
}

.ui-tabs-nav a span {
    padding-right: 5px;
    line-height: 23px;
}


.ui-tabs-nav .ui-tabs-selected a span {
font-weight: bold;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
.ui-tabs-panel {
clear:left;
}

/* ----------------- Link-Buttons ----------- */

.lb {
background: no-repeat 5px 0px;
padding: 2px 0px 4px 26px;
font-size:11px;
}

.lb:link {
color: #7c9ead !important;
text-decoration: none !important;
}

.lb:visited {
color: #7c9ead !important;
text-decoration: none !important;
}

.lb:hover  {
color: #778888 !important;
}

/* ----------------- allgemein ----------- */

a, a:link {
text-decoration:none;
color:#617a90;
}
a:hover {
text-decoration:none;
color:#617a90;
}

/* ----------------- tabellen ----------- */

.td_header {
background: #dce8ec;
height: 23px;
border: 1px solid #c8d1d6;
padding: 3px 5px;
font-weight: bold;
}

.td_header_in {
background: #dce8ec;
height: 23px;
border-top: 1px solid #c8d1d6;
border-bottom: 1px solid #c8d1d6;
padding-left: 5px;
font-weight: bold;
}

.td_main {
border-left: 1px solid #c8d1d6;
border-right: 1px solid #c8d1d6;
border-bottom: 1px solid #c8d1d6;
}

.td_main_in {
padding: 5px;
vertical-align: top;
}

.td_cb {
background: #e3edf0;
text-align: center;
border-right: 1px solid #c8d1d6;
border-top: 1px solid #c8d1d6;
width: 20px !important;
}

.td_dnd {
background: url(/images/icons/drag2.gif) center center no-repeat #eaf0bc;
text-align: center;
vertical-align:middle !important;
border-right: 1px solid #c8d1d6;
}

.td_dnd a {
display: block;
width:100%;
height:100%;
}

.td_cb2 {
background: #e3edf0;
width: 20px !important;
border-right: 1px solid #c8d1d6;
}

/* ----------------- border ----------- */


.bd {
border: 1px solid #c8d1d6;
}

.bd_hinw {
border: 1px dashed #c8d1d6;
text-align: center;
}

.bd_vs {
border: 1px dashed #c8d1d6;
padding: 5px;
}

.bd_t {
border-top: 1px solid #c8d1d6;
}

.bd_b {
border-bottom: 1px solid #c8d1d6;
}

.bd_trbl {
border-top: 1px solid #c8d1d6;
border-right: 1px solid #c8d1d6;
border-bottom: 1px solid #c8d1d6;
border-left: 1px solid #c8d1d6;
}

.bd_rbl {
border-right: 1px solid #c8d1d6;
border-bottom: 1px solid #c8d1d6;
border-left: 1px solid #c8d1d6;
}

.platomargin h1 {
font-size:32px;
color:white;
font-weight:normal;
margin-bottom:10px;
margin-top:0px;
}

.platomargin {
	padding-top:25px;
}


.travel-form {
  width:100%;
  border:1px solid #cddae4
}

.banner-table {
  width:99%;
  border:none !important;
}

.travel-form tr td, .banner-table tr td {
  padding: 0px 0px 5px 5px;
}


.nopad {
  padding:0 !important;
}

.more-img {
  vertical-align: middle !important;
  margin-bottom: 2px !important;
  width: auto !important;
}

.inline {
  display:inline !important;
}

.footnote {
  font-style: italic;
  font-size: 11px;
  line-height: 14px !important;
}

.pad1 {
  padding: 9px 20px;
}

table.order-overview {
  border: 1px solid #c8d1d6;
}

table.order-overview tr td,
table.order-overview tr th
{
  padding: 9px 12px;
}

table.order-overview tr th img {
  vertical-align: middle;
  margin-bottom:2px;
  margin-left: 2px;
}

table.order-overview tr td {
  border-bottom: 1px solid #cddae4;
}


table.order-overview tr.head {
  background-color: #e6edf1;
}

.tbl_if {
  width:100%;
  margin: 10px 0 10px 0;
}


.tbl_if th {
  text-align: left;
  padding: 5px !important;
  background-color: #e6edf1;
  color: #617a90;
}

.tbl_if td {
  margin: 0;
  padding: 5px !important;
}

.tbl_if tr:nth-child(even) {background: #b9ccdb}
.tbl_if tr:nth-child(odd) {background: #e0e9f0}
.tbl_if tr td:first-child {font-weight: bold;}

.group-margin {
  float: left;
  margin-top:10px;
}

.group-margin .white-read-head {
  padding: 9px 10px;
}

.group-margin .blue1-black, .group-margin .blue2-black {
  padding: 9px 15px;
}

.group-margin .calc-block-msmall {
  float: left;
  margin-right: 5px;
}

.left-align {
  text-align: left !important;
}

.flexible_info_blue, .flexible_info_grey {
  cursor: pointer;
  margin-left: 5px;
  height: 14px;
  width:14px;
  display:inline-block;
}

.flexible_info_blue {
  background-image: url(/layout/icon-info_blau.png);
}

.flexible_info_grey {
  background-image: url(/layout/icon-info_grau.png);
}

.flexible_help_txt_div {
  display:none;
  background-color: #e6edf1;
}

.responsible {
  width:300px;
  display:table;
  white-space:nowrap;
  margin-bottom:20px;
  padding:10px 20px 10px 20px;
}

.responsible span {
  color:#FFFFFF;
  font-weight: bold;
}


#responsible1 {
  background-color:#aec618;
}

#responsible2 {
  background-color:#9db8cb;
}


.hidden {
  display:none !important;
}

.table-row {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.table-col {
  display: table-cell;
}

.table-col.worth {
  padding-right: 10px;
  width:15%;
}



.table-col.worth div {
  background-color: #e6edf1;
  padding:5px 10px;
}

.table-col.worth b {
  color: #CC0000;
}

.table-col.worth span {
  color: #617a90;
  font-weight: bold;
}

.flag {
  position:absolute;
  font-weight: normal;
  font-style: italic;
  line-height: 11px;
  padding: 5px 10px;
  text-align: right;
  font-size: 10px;
  margin-left: -80px;
  margin-top:-2px;
}

.flag span {
  color: #c61932;
}

.bold {
  font-weight: bold !important;
}


input#login {
  width:60px;
}

.apply_now {
  margin-top:25px;
}


table.tariff-matrix {
  border-collapse: separate;
  border-spacing: 3px;
  width:100%;
  table-layout: auto;
  padding: 15px 10px 0px 5px;

}

table.tariff-matrix tr th:not(.nostyle) {
  border: 2px solid #cddae4;
  font-weight: bold;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  padding:5px 2px;
}

table.tariff-matrix tr th.nostyle {
  width:10px !important;
}

table.tariff-matrix tr th {
  color:#c61932;
  font-size: 14px;
}

table.tariff-matrix tr th:first-child {
  color: #617a90;
  font-size: 16px;
  width:60%;
}

table.tariff-matrix tr td:not(.nostyle){
  background: #e6edf1;
  color: #617a90;
  white-space: nowrap;
  height: 25px;
  text-align: center;
  vertical-align: middle;
  padding:2px 5px;
}
table.tariff-matrix tr td:not(.white)
{
}

table.tariff-matrix tr td.white {
  background-color: white;
  border: 2px solid #cddae4;
  font-weight: bold;
  color: #000000;
  text-align: left;
}

table.tariff-matrix tr.price td {
  font-weight: bold;
}

table.tariff-matrix tr td.noborder {
  border:none;
}

.nowrap {
  white-space: nowrap;
}



.circle:before {
  content: ' \25CF';
  font-size: 20px;
  color: #617a90;
}

ul.contract_steps {
  width: 100%;
  margin:0;
  padding:0;
  display:table;
}


ul.contract_steps li,
ul.contract_steps li.active
{


	height: 20px;
	background: #617a90;
	text-align: center;

	position: relative;
	margin: 0 10px 0 0;
  padding: 5px;

  font-size: 12px;

	text-decoration: none;
	color: #fff;
  font-weight: bold;
  display:table-cell;
}

ul.contract_steps li.active {
  background: #c61932;
}

ul.contract_steps li.upcoming {
  background: #9db8cb;
}

ul.contract_steps li:after
{
	content: "";
	border-top: 15px solid #c61932;
	border-bottom: 15px solid #c61932;
	border-left: 15px solid #617a90;
	position: absolute;
  right: 0;
  top: 0;
}

ul.contract_steps li.done:after
{

  border-top: 15px solid #617a90;
	border-bottom: 15px solid #617a90;
	border-left: 15px solid #617a90;

}

ul.contract_steps li.active:after {
	border-top: 15px solid #9db8cb;
	border-bottom: 15px solid #9db8cb;
	border-left: 15px solid #c61932;
}

ul.contract_steps li.upcoming:after {
	border-top: 15px solid #9db8cb;
	border-bottom: 15px solid #9db8cb;
	border-left: 15px solid #9db8cb;
}


ul.contract_steps li.active:last-child:after {
	border-top: 15px solid #c61932;
	border-bottom: 15px solid #c61932;
	border-left: 15px solid #c61932;
	position: absolute;
  right: 0;
  top: 0;
}

.fs14 {
  font-size:18px;
}
.mtop15 {
  margin-top:15px;
}

.info-tab.disclaimer {
  color: #000000;
  font-weight: normal;
}

.no-margin-top {
  margin-top:0;
}

.small-margin-top {
  margin-top:5px;
}

.bubble {
  position: absolute;
  margin-top: -110px;
  margin-left: 100px;
  width: 230px;
  padding: 10px;
  height: auto;
  white-space: normal;
  text-align: left;
  background: #e6edf1;
  font-weight: normal;
  min-height: 160px;
}

.bubble-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 26.0px 15px 0;
  border-color: transparent #e6edf1 transparent transparent;
  position: absolute;
  margin-left: 74px;
  margin-top: 9px;
}


/* =================================
   COOKIE CONSENT
   ================================= */
#consent_info {
  position: fixed;
  height: auto;
  bottom: 0;
  width: 100%;
  background-color: rgba(157, 184, 203, 0.975);
  text-align: left;
  z-index: 99999;
  font-family: Arial, Helvetica, sans-serif;
  max-height: 100%;
  overflow: auto;
}

.consent_text {
  color: #000;
  padding: 20px;
  font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    color: #575756;
}

#consent_info_dismiss a {
  text-decoration: underline;
  font-weight: bold;
  color: #c61932;
}


/*5834*/

.right-icons {

float: right;
width: 80px;
display: block;

margin-right: 30px;
margin-top: 0px;
position: fixed;
right: 0;
top: 0;
z-index: 99;

}

.right-icons.top-start {
    top: 140px;
}
.right-icons img{
  width:40px;

}


.right-icons ul{
  list-style: none;

}

.right-icons li{
  padding-bottom: 15px;
}


.social-footer {
    display: inline-block;
    vertical-align: middle;
}

.social-footer img{

  width: 30px;
}


#lz_overlay_wm {
    top: 285px !important;
    right: 30px !important;
    display: none !important;
    margin: 0 !important;
}

#lz_overlay_wm .lz_overlay_wm_sh_act {
   top: 0 !important;

}



#lz_overlay_chat ::placeholder {

  color: #ccc !important;
  opacity: 1 !important;
}
#lz_overlay_chat ::-moz-placeholder {

  color: #ccc !important;
  opacity: 1 !important;
}
#lz_overlay_chat ::-webkit-input-placeholder {

  color: #ccc !important;
  opacity: 1 !important;
}
#lz_overlay_chat :-moz-placeholder {

  color: #ccc !important;
  opacity: 1 !important;
}
#lz_overlay_chat  :-ms-input-placeholder {

  color: #ccc !important;
  opacity: 1 !important;
}


span.curr-lang.fa.fa-chevron-down {

  text-align: left;
}


select:disabled,
select option[value=""] {
  color: #999999;
}


#country_info {
  position: fixed;
  height: auto;
  top: 0;
  width: 100%;
  background-color: rgba(157, 184, 203, 0.9);
  text-align: center;
  z-index: 9999999;
  font-family: Arial, Helvetica, sans-serif;
  padding:20px
}

.country_text {
  color: #ffffff;
  padding:10px;
  float:left;
}

#country_info_dismiss a {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  text-transform:uppercase;
}

div#country_info_dismiss{
   
    font-size:25px;
    float:right;
}


#country_info .lang-nav, #country_info .lang-nav-mobile {
  float: left;
  margin-left: 25px;
  margin-top: 9px;
}

#country_info .lang-nav-mobile {
  display:none;
}

#country_info .lang-line {
  width: auto;
  
    padding-left: 40px;
    /* width: 102px; */
    display: flex;
}

#country_info .top-lang-box{
    width:200px;
}

.discount-2020 {
  

}

.discount-2020 img {
    max-width: 180px;
    position: absolute;
    top: 86px;
    right: 15px;
    margin: 0 44%;
    z-index: 99;
}

.deleted
{
  text-decoration: line-through;
}



/* =================================
   COOKIE CONSENT 2
   ================================= */
#consent_info label {
  padding-right: 0;
/*  margin-left: 40px;*/
  font-size: 1rem;
}
#consent_info a {
  color:white !important;
  text-decoration: underline;
  
    
}
#consent_info input[type="checkbox"] + label:before {
  /*border: 1px solid #cc0000 !important;*/
  
}

#consent_info input[type="checkbox"]:checked + label:before {
    /*background: #ff7f00;*/
/*  content: "✔";*/
  color: #00D9EC !important;
  border:none !important;
  font-size:1.7rem;
}
#consent_info input[type="checkbox"][id="cookie_tech"] + label:before {
  /*border: 1px solid #777 !important;*/

}

#consent_info input[type="checkbox"][id="cookie_tech"] + label {
  opacity: 0.7;
  cursor: default !important;
}

#consent_info .p-sb.somecookies {
  background: transparent;
}


#cookie_settings_details {
    margin: 6px 0 4px 0;
    /* width: 100%; */
    /* max-width: 100%; */
/*    margin-top: 15px;*/
    float: right;
}

#consent_info .con-cxs {

  justify-content: flex-end;
}

#consent_details {
  display: none;
  text-align: left;
  padding: 10px;
  font-size: 0.75rem;
  max-width: 900px;
  margin: 0 auto;
}

  a .cookie-note {
	color:black;
}
.cookie-note {
	background:#EFEFEF;
	padding:28px 20px 30px 100px;
	position: relative;
	font-size:1.4rem !important;
	line-height: 1.4 !important;
}
.cookie-note:before {
content:"!";
	font-size: 3rem;
	line-height: 1;
	font-weight: bold;
	color:#fff;
	border:5px solid #fff;
	border-radius: 100px;
	padding:0px;
	width:60px;
	height:60px;
	position: absolute;
	left:20px;
	text-align: left;
}


.cookie-note-mood {
    background: #ff7f00b0;
    padding: 25px;
    position: fixed;
    z-index: 2;
    top: 50%;
    align-items: center;
    justify-content: center;
    /* margin: auto; */
    display: none;
    color: #fff;
    /* min-width: 60%; */
}
.cookie-note-mood a{
    
    color:#fff;
    text-decoration: underline;
}

.cookie-info {
    margin-top: 10px;
    margin-bottom: 30px;
    display: block;
}
button.p-sb.somecookies.essential, #consent_info .p-sb.somecookies,  #consent_info .p-sb.cookiedetails  {
    
    font-size: 0.875rem;
    background: #fff !important;
    border: 1px solid #617a90!important;
    padding: 0.5rem;
    margin-left: 0.5rem;
    color: #617a90;
}

#consent_info .p-sb.allcookies {
  background: #617a90;
  font-size: 0.875rem;
  float: left;
  padding: 0.5rem;
  border: 1px solid #617a90!important;
}

.qm-iban {
    display: inline;
    color: lightgreen;
    padding-left: 7px;
    font-size: 1rem;
}
.qm-iban .fa-ban {
    color: #dcabb2;
}


.calc-block-msmall.cf.nl img {
    max-width: 300px !important;
    height: auto;
}


.start-block {
  
  position: relative;
}

.start-block  .tariff.top-left {
    top: 28px;
    left: 28px;
    
}

.start-block .tariff {
  
  position: absolute;
  display: block;
  font-size: 1.5rem;
  color: white;
  font-family: 'Raleway', Arial, Helvetica, sans-serif;
  line-height: 1.5rem;
}



.switch {
  display: inline-block;
  height: 28px;
  position: relative;
  width: 48px;
}

.switch input {
  display:none;
}

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 20px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 20px;
}

input:checked + .slider {
  background-color: #114b79;
}

input:checked + .slider:before {
  transform: translateX(20px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


.checkbox-toggle {
  margin: 0 auto;
/*  column-count: 2;*/
  position: relative;
  vertical-align: bottom;
   display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.checkbox-col.left {
    position: relative;
    max-width: calc(72% - 10px);
}

.checkbox-col.right {
    
    float: right;
    position: relative;
    
}

#consent_info_intro {

    margin: 0 auto;
    overflow: auto;
    max-width: 90vw;
}

.details-close-button {
  float: right;
        
    
        font-size: 25px;
    font-family: Font Awesome\ 5 Free;
    top: 60px;
    right: 10px;
    cursor: pointer;
    text-transform:uppercase;
    font-weight: bold;
    color: #fff;
    
}



@media all and (max-width: 559px) {
  #consent_info_intro {

    max-width: 90vw;
}
.consent_text {
    margin-top: 50px;
}

.details-close-button
{
      color: white;
    
    font-size: 1.75rem;
    position: absolute;
    top: 60px;
    right: 10px;
}
.start-tipps-tel {
font-size: 1rem;
    
    padding: 60px 0 0px 0;
    
}
}

input#bank_iban{
  
  text-transform:uppercase;
}

.travel_start_end {
  
/*  display: none;*/
}

div#travel_registration_date {
  
  text-align: center;
  font-weight: bold;
}

.banner-covid-19 img {
    max-width: 124px;
    position: fixed;
    top: 86px;
    right: 15px;
    margin: 0 50%;
    z-index: 99;
    background-color: transparent;
    
}

.travel-form label  {
  
  font-weight: bold;
}

.tooltip {
  position: relative;
  left: 50px;
  cursor: help;
  
}

.tooltip-content {
  /* hide and position tooltip */
  top: -10px;
  background-color: #617a90;
  color: white;
  border-radius: 5px;
  position: absolute;
  display: none;
  padding: 10px;
  min-width: 300px;
  font-weight: normal;
  font-size: 12px;
  z-index: 1;
    
}

.tooltip-content.display
{
  display: inline;
}


.tooltip-content li {
  padding:10px !important;
  list-style-type: disc !important;
  background: none !important;
  
}

.tooltip-content p{
   
  background-color: #617a90;
  color: white;
  
  font-weight: normal;
  font-size: 12px;
    
}

.idd-content { 
            position: fixed; 
            top: 50%; 
            left: 50%; 
            transform: translate(-50%, -50%); 
            width: 400px; 
            height: auto; 
            text-align: center; 
            box-sizing: border-box; 
            padding: 20px; 
            z-index: 100; 
            display: none; 
 background-color: #c61932;
  color: white;
  border-radius: 5px;            
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            
        } 

        .idd-content h3 {
  font-weight: bold;        
  font-size: 18px;
        }        
.idd-content p{
   
  background-color: #c61932;
  color: white;
  font-weight: normal;
  font-size: 16px;
    
}     

#persons tr:first-child{
  font-weight: bold;
}


ol.twenty-years-list {
  
    counter-reset: custom;
  list-style-type: none;
  padding: 0;
  margin: 0px 15px;
}    

ol.twenty-years-list li {
  counter-increment: custom;
  padding: 3px 0;
  display: flex;
  align-items: center;
}

ol.twenty-years-list li:before {
  content: counters(custom,".") ".";
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background: white;
  color: #617a90;
  border:1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
}

ol.twenty-years-list li span{
  background: #e6edf1;
  padding: 5px 4px 4px  10px;
  color: #617a90;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    min-width: 400px;
}

.golf-table {
     max-width:650px;
  }


#sliderlta {
   width: 1600px;
            height: auto;
            
            color: #617a90;
            text-align: center;
            padding: 50px;
            position: relative;
            left: -250px;
            top: 20%;
}    

.unsere-kunden .thumb img{
  
  width: 100%;
  height: auto;
    
}

.unsere-kunden div.col-4 {
    flex-basis: 50%;
}
.unsere-kunden div.col-8 {
    flex-basis: 50%;
    padding-left: 30px;
}

.partner.travel_management .main-content.iwsetter{
  
  max-width: 1600px;
  
}