@font-face {
	font-family: 'Assistant';
	src: url('webfonts/Assistant/assistant-v2-latin-300.ttf') format('truetype');
}

html {height:100%;}
body {
	height: 100%;
	width: 100%;
	display: table;
	table-layout: fixed;
	font-family: 'Assistant';
	font-size:16px;
	color:#3e526c;
	margin:0;
	padding:0;
}
a{color:#3e526c;}
.navi2_ul{list-style-type: circle;padding-left:20px;}
a.navi2_link{text-decoration:none;}
a.navi2_link:hover{color:rgba(62,82,108,0.6);}
div.bg-gelb{background-color:#ffcd50;padding:1rem;}
p{margin-top:0;}
.zentriert{text-align:center !important;}
header, footer{display: table-row;}
header{background-color:#ffcd50;height:155px;}
header > div:first-child{text-align:right;background-color:#3e526c;color:#ffffff;padding: 0.5rem 2rem;}
header > div > a > img{height:90px;margin-top:-20px;margin-left:90px;}
header > div > a{color:#fff;text-decoration:none;font-weight:600;}
h1{color:#ffffff; margin-top:-5px;font-size:1.6rem;padding-bottom:1rem;font-weight:400;}
header > div:last-child{text-align:center;}

span.neueBuchung, span.drucken, span.kalenderAktualisieren{background-color:#3e526c; color:#fff;border-radius:5px;text-decoration:none;padding:5px 8px;font-weight:bold; margin: 1rem 1rem 2rem 1rem;display:block;box-sizing: border-box;width:calc(33% - 2rem);text-align:center;cursor: pointer;}
span.neueBuchung:hover, span.kalenderAktualisieren:hover{background-color:rgba(62,82,108,0.9);}
span.neueBuchung, span.drucken{float:left;}
span.kalenderAktualisieren{float:right;}
/*
* Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: normal;
  src: url("../../default-wGlobal/wGlobal/layout/webfonts/fa-regular-400.eot");
  src: url("../../default-wGlobal/wGlobal/layout/webfonts/fa-regular-400.eot") format("embedded-opentype"), url("../../default-wGlobal/wGlobal/layout/webfonts/fa-regular-400.woff2") format("woff2"), url("../../default-wGlobal/wGlobal/layout/webfonts/fa-regular-400.woff") format("woff"), url("../../default-wGlobal/wGlobal/layout/webfonts/fa-regular-400.ttf") format("truetype"), url("../../default-wGlobal/wGlobal/layout/webfonts/fa-regular-400.svg#fontawesome") format("svg"); 
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("../../default-wGlobal/wGlobal/layout/webfonts/fa-solid-900.eot");
  src: url("../../default-wGlobal/wGlobal/layout/webfonts/fa-solid-900.eot") format("embedded-opentype"), url("../../default-wGlobal/wGlobal/layout/webfonts/fa-solid-900.woff2") format("woff2"), url("../../default-wGlobal/wGlobal/layout/webfonts/fa-solid-900.woff") format("woff"), url("../../default-wGlobal/wGlobal/layout/webfonts/fa-solid-900.ttf") format("truetype"), url("../../default-wGlobal/wGlobal/layout/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size:18px;
  text-align:center;
}

.fa-edit:before {content: "\f044";}
.fa-image:before {content: "\f03e";font-size:25px;vertical-align:bottom;font-weight: 400;}
.fa-search:before {content: "\f002";font-size:19px;}
.fa-home:before {content: "\f015"; }
.fa-calendar:before {content: "\f073";font-size:19px;font-weight: 400;}

a.iconEdit, a.iconImage, a.iconSearch, a.iconCalendar{text-decoration:none;text-align:center;}
td[field="Edit"], td[field="Image"], td[field="Cal"], td[field="View"], td[field="Objekte"]{text-align:center;}
/*.iconEdit a{height:55px;padding-top:5px;}
.iconImage a{height:35px;padding-top:5px;}
.iconSearch a{height:30px;padding-top:5px;}
.iconCalendar a{height:30px;padding-top:5px;}
*/

#main {display: table-row;height: 100%;overflow: scroll}
#navigationLi{min-width:150px;height:calc(100% - 4rem);float:left;padding:2rem 1rem; border-right:1px solid lightgrey;width:15%;}
#navi{margin:0 auto;width:max-content;}
#content{padding:2rem;display:block;overflow:hidden;}

.logout{padding:2rem;text-align:center;}

/* ical */
input#ical_sync_aktiv{width:13px;}

/* Newsletter */
input#nl_gr_1, input#nl_gr_2, input#nl_gr_3, input#nl_gr_4, input#nl_gr_5{width:13px;margin-right:13px;}

/* Formulare */
legend{padding:10px;text-align:center;font-weight:bold;}
fieldset{margin-bottom:1rem;border:2px solid #3e526c;}
label{width:100%;}

form{margin:0 auto;padding:2rem;}
form#login{max-width:420px;}
form > p{margin-bottom:2rem;}

button, form#objektEdit input#buttonMapKoord{background-color:#3e526c; color:#fff;border-radius:5px;text-decoration:none;padding:8px;}
button:hover, form#objektEdit input#buttonMapKoord:hover{background-color:rgba(62,82,108,0.9);}
a.einloggen{background-color:#3e526c; color:#fff;border-radius:5px;text-decoration:none;padding:4px 8px;display:block;width:12rem;margin:3rem auto;}
a.einloggen:hover, form#buchungEdit  input[type=button]:hover{background-color:rgba(62,82,108,0.9);}

form#buchungEdit  input[type=button]{background:#3e526c;color:#fff;border-radius:5px;margin-top:5px;}
form#buchungEdit input[GastName]{width:10%;}

form#buchungEdit input[name=GastName]{width:80%;margin-right:5px;}
form#buchungEdit .fas.fa-search.gastSuchen{background-color:#3e526c;color:#ffffff; border-radius:5px; padding:7px 12px; border:1px solid #3e526c; cursor:pointer;}
form#buchungEdit .fas.fa-search.gastSuchen:hover{background-color:rgb(62, 82, 108,0.9);}
form#buchungEdit fieldset{max-height:300px!important;}
form#buchungEdit input#Ort{width:53%;}

@media (max-width: 900px) {
  div.panel.window{width:98%!important;left:auto !important;max-width: 900px !important;}
  form#buchungEdit fieldset {column-count:1 !important; max-height:100%!important;}
  }
@media (max-width: 457px) {
  form#buchungEdit input[name="GastName"] {width:70%!important;}
  }


input, button, form#objektEdit input#buttonMapKoord{padding: 0 0.5rem; line-height: 2rem;margin-bottom:1rem;font-size:0.9rem;border: 1px solid silver;cursor:pointer;}
button.einloggen{width:calc(100% - 1rem);}
form#objektEdit input#buttonMapKoord{width:100px;}
form#objektEdit button{margin:2rem 1rem;float:right;min-width:12rem;}

input:not([type='checkbox']){width:calc(100% - 1rem);}
input.links{width:20px;}

input#suche{width:35%;}

form#bildEdit, .dialogContent{margin:1rem;}
#neueBilder{background-color:#dfefc0;height:100%;}
.blocked{background-color:silver;}

form#objektEdit label{width:23%!important;}
form#objektEdit div.extras input{width:1rem;}
form#objektEdit div.extras label{width:auto;float:none;}
form#objektEdit input, textarea{width:calc(77% - 23px);}
form#buchungEdit textarea#Bemerkung, form#buchungEdit textarea#Memo{width:calc(100% - 1rem);}
form#objektEdit input[type="checkbox"]{width:20px;}
/*select{width:calc(76% + 2px); margin-bottom:1rem;padding:8px;}*/
select{width:74%; margin-bottom:1rem;padding:8px;}
select#Art{width:96%!important;}
form#objektEdit input#Sterne,
input#Land,
input#Plz,
form#objektEdit input#Groesse,
form#objektEdit input#Anz_Erw,
form#objektEdit input#Anz_Kin,
form#objektEdit input#Anz_Aufbettung,
/*form#objektEdit input#Anz_Schlafzimmer,
form#objektEdit input#Anz_Schlaf_Sonstige,*/
form#objektEdit input#Preis1,
form#objektEdit input#Preis2,
form#objektEdit input#Preis3,
form#objektEdit input#Preis4{width:50px;margin-right:5px;}
form#objektEdit input#coordx,
form#objektEdit input#coordy{width:60px;margin-right:5px;}
form#objektEdit input#Plz{float:left;width:43px!important;margin-right:5px;}

.neu{background-color:lightgreen;}
.weg{background-color:red;}
form#objektEdit div#dreiSpalt{
   -webkit-column-count: 3;
        column-count:3;
}
form#objektEdit hr{margin:2rem 0; border:1px dotted silver;}

form#objektEdit input#Preis1,
form#objektEdit input#Preis2,
form#objektEdit input#Preis3{float:left;}

form#objektEdit textarea#Preis1_textarea,
form#objektEdit textarea#Preis2_textarea,
form#objektEdit textarea#Preis3_textarea{width:63%;display:inline-block;}

form#objektEdit input#Ort{width:30%;margin-right:5px;}
form#objektEdit input#Ortsteil{width:30%;}

#gastgeberEdit input#Ort{width:calc(100% - 1rem - 80px);}

label, select, input, textarea[type="checkbox"]{font-size:0.9rem;color:#3e526c;}
select{border: 1px solid silver;}
label{float:left;display: inline-block;clear:both;color:#3e526c;font-weight:bold;}
/*input{color:#3e526c; border:1px solid silver;margin-right:3px;}
input[type="checkbox"]{width:auto !important;border:1px solid silver;padding:3px;}*/


textarea{display:block;border: 1px solid silver;margin-bottom:1rem;padding:8px;font-family:'Assistant';}
#sort{text-align: center;}
form#bildEdit > div > button{width:calc(100% - 1rem);}

/* Buchungskalender */
select#jahr{margin:0;padding:3px;}
tr.belegungkopf{background-color:#FFB700;}
tr.belegungkopf > td{padding:0.5rem;color:#441C04;}
tr.belegungkopf > td > form{font-size:0.9rem;padding:0;text-align:left;line-height:130%;}
tr.belegungkopf > td > form span.ueberschrift{font-size:1rem;}
tr.belegungkopf > td > form > select{float:right;font-size:1rem;margin-left:1rem;width:80px;}

input#icalLink{width: calc(100% - 1.5rem) !important;margin: 0 !important;font-weight: bold;}
span#icalSyncButton{background-color:#b0080f; color:#fff;border-radius:5px;text-decoration:none;padding:5px 8px;font-weight:bold; margin: 1rem 1rem 2rem 1rem;display:block;box-sizing: border-box;width:calc(50% - 2rem);text-align:center;cursor: pointer;float:right;}
span#icalSyncButton:hover{background-color:rgba(176,8,15,0.8);}

table.buchungskalender{margin:0 auto; color:#441C04;line-height:16px;border-spacing: 1px;max-width: 898px;width: 100%;}
  .Abstand_unten_1 {margin-bottom: 1px;}
  table.buchungskalender > tbody > tr > td{width:18px;height:16px;text-align:center;font-size:0.688rem;color:#441C04;}
  table.buchungskalender > tbody > tr.wochentag{background-color:#FFE09F;}
  table.buchungskalender > tbody > tr > td.monat{background-color:#FFE09F;width:60px;text-align:right;padding:0 3px;}
  table.buchungskalender > tbody > tr.belegungfuss > td{background-color:#FFF0D0;text-align:right;color:#441C04;font-weight:600;padding:3px 8px;}

table.gaesteliste > tbody > tr:nth-child(even), table.buchungen > tbody > tr:nth-child(even) {
  background-color:#FFE09F;
}
table.gaesteliste > tbody > tr:nth-child(odd), table.buchungen > tbody > tr:nth-child(odd) {
  background-color:#FFF0D0;
}
.buchungEditLink, .gastLoeschenLink, .buchungLoeschenLink, .mailSchreiben {
  cursor: pointer;
}
table.gaesteliste, table.buchungen {
  width:100%;
}


div#buchungskalenderLegende{clear:both;font-size: 0.875rem;margin-bottom: 2rem !important;}
div#buchungskalenderLegende > div:nth-child(1){background-color: #FFE09F;padding:0.3rem 0.5rem;}
div#buchungskalenderLegende > div:nth-child(2){background-color: #FFF0D0;overflow:hidden;}
div#buchungskalenderLegende > div:nth-child(2) > div.col{padding:0.3rem 0.5rem;float:left;}
div#buchungskalenderLegende > div:nth-child(2) > div.col > img{float:left;margin-right:5px;border:2px solid #ffffff;}
div#buchungskalenderLegende > div:nth-child(2) > div.col:nth-child(1),
div#buchungskalenderLegende > div:nth-child(2) > div.col:nth-child(3){width: 13%;}
div#buchungskalenderLegende > div:nth-child(2) > div.col:nth-child(2){width: 16%;}
div#buchungskalenderLegende > div:nth-child(2) > div.col:nth-child(4){width: 20%;}
div#buchungskalenderLegende > div:nth-child(2) > div.col:nth-child(5){width: 25%;}

*, ::before, ::after {box-sizing: inherit;}

/*.elementPicturePosition_var10008 figure {
    float: left;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: -0.15rem;
    margin-left:0;
}

.elementPicturePosition_var10000 figure {
    float: left;
    margin-right: 0.5rem;
    margin-bottom: 0;
    margin-top: 0.15rem;
    margin-left:0;
}

.elementPicture {
    display: block;
    position: relative;
    line-height: 0;

}
.elementPicture.elementPicture_var0.elementPictureAspectRatio_var0.elementPictureSize_var0.elementPictureBorder_var10005.elementPictureTitle_var0.elementPicturePosition_var10008.elementPictureTarget_var0.elementPictureQuality_var80 {
    float: left;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 0.35rem;
}
.elementPictureBorder_var10005 figure {
    background-color: #FFFFFF;
    border: solid 1px #FFFFFF;
}
    
.elementPictureTitle_var0 figcaption {display: none;}
.elementText{
    position: static;
    margin-left: auto;
    margin-right: auto;
}
*/
/*.elementContainerStandard > .col {Margin-bottom: 1.5rem;}*/

.rot {
  color: #B40C0C;
}

tr td {
  font-family: Arial, Helvetica, sans-serif, verdana;
  font-style: normal;
  font-size: 8pt;
  vertical-align:middle;
  text-align:center;
  background-repeat: no-repeat;
  background-size: cover;
}

tr td.n_ {
  font-size: 0.647rem;
  color: #441C04;
  background-color: #fff0d0;
}

tr td.b_ {
  color: #ffffff !important;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/b.svg);
}

tr td.r_ {
  color: #ffffff !important;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/r.svg);
}

tr td.i_, .ii_ {
  color: #ffffff !important;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/i.svg);
}

tr td.f_ {
  color: #441C04;
  background-color: #fff0d0;
  cursor:pointer;
}

tr td.fb_ {
  color: #441C04;
  background-color: #fff0d0;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/fb.svg);
}

tr td.bf_ {
  color: #441C04;
  background-color: #fff0d0;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/bf.svg);
  cursor:pointer;
}

tr td.fr_ {
  color: #441C04;
  background-color: #fff0d0;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/fr.svg);
}

tr td.rf_ {
  color: #441C04;
  background-color: #fff0d0;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/rf.svg);
  cursor:pointer;
  background-repeat:no-repeat;
}

tr td.fi_ {
  color: #441C04;
  background-color: #fff0d0;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/fi.svg);
}

tr td.if_ {
  color: #441C04;
  background-color: #fff0d0;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/if.svg);
  cursor:pointer;
}

tr td.br_ {
  color: #ffffff !important;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/br.svg);
}

tr td.rb_ {
  color: #ffffff !important;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/rb.svg);
}

tr td.bi_ {
  color: #ffffff !important;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/bi.svg);
  background-repeat:no-repeat;
}

tr td.ib_ {
  color: #ffffff !important;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/ib.svg);
}

tr td.ri_ {
  color: #ffffff !important;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/ri.svg);
}

tr td.ir_ {
  color: #ffffff !important;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/ir.svg);
}

tr td.bb_ {
  color: #ffffff !important;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/bb.svg);
}

tr td.rr_ {
  color: #ffffff !important;
  background-image:url(../../fdz/wGlobal/content/elements/unterkuenfte/bilder/rr.svg);
}

tr td.we_ {
  color: #441C04;
  background-color: #FFE09F;
  cursor:pointer;
}

/*Buchungskalender - Gästeliste*/
.gaesteliste td, .gaesteliste th,
.buchungen td, .buchungen th {padding:5px;}
.gaesteliste input[type="checkbox"],
.buchungenListeDiv {padding:10px !important;}
.buchungenListeDiv  input[type="checkbox"] {margin:3px;width:20px;}
.gaesteliste input[type=checkbox]:checked {border:3px solid red;}
.tabs-header, .tabs-tool {background-color: #fff !important;}
.tabs-header {border-width: 0 !important;;}
table.gaesteliste > tbody > tr:nth-child(2n+1), table.buchungen > tbody > tr:nth-child(2n+1) {background-color: #eaf2ff;}
table.gaesteliste > tbody > tr:nth-child(2n), table.buchungen > tbody > tr:nth-child(2n) {background-color: #dfe7f3;}
.gaesteListeDiv > input[type=button], .buchungenListeDiv > input[type=button]{background:#3e526c;color:#fff;border-radius:5px;margin-top:5px;padding-left:5px;padding-right:5px;cursor:pointer;}
.gaesteListeDiv > input[type=button]:hover, .buchungenListeDiv > input[type=button]:hover{background:#b0080f; border-color:#b0080f; color:#fff;}
.buchungen > tbody > tr > td{background-repeat:repeat;}


.hilfe{
  cursor:help;
}



footer{
	background-color:#3e526c;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #ffffff;
	overflow:hidden;
	line-height: 2rem;
}
footer > div > ul{padding:1rem 2rem;}
footer ul{list-style:none;}
footer a{
	color:#ffffff;
	text-decoration:none;
	font-size:1rem;
}

@media (min-width: 620px) {
	footer {column-count: 3;}
	footer > div{display:table;width:100%;}
	footer > div > ul{display:table-cell;vertical-align:bottom;width:33.33%;}
	.footerRe, .footerLi, .footerMitte{padding:2rem;}
	.footerMitte{display:block;margin: auto;display: table-cell;vertical-align: bottom;}
	.footerRe{text-align:right;}
}
@media (min-width: 756px) {
	.footerRe, .footerLi, .footerMitte{padding:2rem 4rem;}
}

.belegungskalender_mobil .monat {
  float: left;
  margin-top: 1em;
  width: 100%;
}

.belegungskalender_mobil .monate .monat:last-child {
  margin-bottom: 2em;
}

.belegungskalender_mobil .monat table.buchungskalender {
  width: auto;
}

h3.center {
  text-align: center;
}

.belegungskalender_desktop > *,
.tabs-container > * {
  max-width: 750px !important;
  margin: 0 auto !important;
}

.content-with-tabs {
  width: 100% !important;
  display: grid;
}

@media (max-width: 679px) {
  #content {
    font-size: 150% !important;
  }
  .belegungskalender_desktop {
    display: none;
  }
  
  table.buchungskalender caption {
    padding: 10px;
  }

  table.buchungskalender > thead > tr > th,
  table.buchungskalender > tbody > tr:not(.belegungkopf) > td {
    font-size: 20px;
    width: 50px;
    height: 50px;
    padding: 0;
  }
  
  .buttons span {
    width: 100%;
    float: inline-end;
    margin: 0.5em 0;
  }
  
  div#buchungskalenderLegende .col {
    width: 100% !important;
  }
}
@media (min-width: 680px) {
  .belegungskalender_mobil {
    display: none;
  }
  div#buchungskalenderLegende {
    margin-top: 2em !important;
  }
}