.textBlack{color:#000;}
a.textBlack{color:#000;}
.red{color:red;}
.white{color:#fff;}
.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}
.normalcase{text-transform: none;}

b, strong {font-weight: 500;}

.box0{border:1px solid gray; padding: 20px 10px; background-color: rgba(0,0,0,0.03);}
.box1{background: rgba(<?php echo $background;?>);padding: 15px 10px;max-width:770px;border-radius: 5px;min-height:140px;} 
.box2{color:#fff; background-color:#218380;border-radius: 2px; padding-bottom: 20px;margin-right:10px;}
.box3{color:#fff; background-color:#6C49B8;border-radius: 2px;padding-bottom: 20px;margin-right:10px;}
.box4{color:#fff; background-color:#4F86C6;border-radius: 2px;}
.box5{color:#fff; background-color:#9055A2;border-radius: 2px;padding-bottom: 20px;}
.box6{color:#fff; background-color:#8FBC94;border-radius: 2px;padding-bottom: 20px;}
.box7{color:#fff; background-color:#d43c37;border-radius: 2px;padding-bottom: 20px;}
.box8{color:#000; background-color:#fbd14b;border-radius: 2px;padding-bottom: 20px;}
.bgColor1{background-color:#f8ecc9; } /* Color Unterkategorie Navi */

.backgroundRGBA {background-color: rgba(0,0,0,0.4);}
.colorBlack{background-color: rgba(0,0,0,0.5);}
.colorWhite{background-color: #fff;}
.colorRed{background-color: rgba(255, 0, 0, 0.33);}
.colorLightGray{background-color: #f5f5f5;}
.colorLigtBlue {color: #7cb1fd;}
.pointer{cursor:pointer;}
.backgroundNone {background: none !important;}
.text-center {text-align: center !important;}
.text-center th {text-align: center !important;}

/* Shariff FB & CO */              
.pripremaShare {padding-top: 10px;}
.shariff span {padding-bottom: 10px;}
.shariff .share_text{font-size: 16px !important; position: absolute;}

/* Blog */
.dosis {font-family: 'Dosis'; font-weight: 300;}                        

/* Navigation index seite */
.whiteI, .whiteI a, .whiteIkontakt a  {color: #fff; border-color: #fff;}
.whiteI a:hover {color: #000;}
.whiteIkontakt a:hover {color:#fff;}
.white_bck .logo a.whiteIlogo {color: #fff; border-color: #fff;}
.white_bck .whiteI .sub_menu .sub_cont a {color: #fff;}
.white_bck .whiteI .sub_menu .sub_cont a:hover {color:#000;}

.maloPozadine {background-color: rgba(0,0,0,0.4) !important;}
.maloPozadine2 {background-color: rgba(0,0,0,0.05) !important;}

.borderWhiteBottom{border-bottom:1px solid #fff !important;}
.borderBlackBottom{border-bottom:1px solid #000 !important;}
.borderLightGray{border: 1px solid lightgray;}
.borderBottomLightGray{border-bottom: 1px solid lightgray;}
.borderTopLightGray{border-top: 1px solid lightgray;}
.borderWhite {border: 1px solid white;}

.bgLightBlue{background-color: #D2DBFD;}
.bgLightGray{background-color: #f4f4f4;}
.lightgoldenrodyellow {background-color: lightgoldenrodyellow;}

.lato{font-family: 'Lato';}
.FjallaOne{font-family: 'Fjalla One', sans-serif;}
.raleway{font-family: 'Raleway',sans-serif;}
.openSans{font-family: 'Open Sans';}
.pitanjaText{font-size: 25px !important; font-weight: 700;font-style:italic;padding: 30px 0 0px 0; margin:0;}
label.noUpper{position: relative !important; font-family:'Raleway',sans-serif !important;}

/* Listen */
ul.secondLine li {
    list-style: normal;
    counter-increment: foo;
    display: table-row;
}

ul.secondLine li::before {
    content: counter(foo) ".";
    display: table-cell;
    text-align: right;
    padding-right: .3em;
}

/* Izlistavanje FeWo osobina */
ul.fewo li {list-style: none;}

/* Preisliste */
table.tablePreisliste td{text-align: center;}
.wohneinheit {background-color: rgba(244, 162, 249, 0.7);}
.bgcolor {background-color: #c1cee8;}
.bgcolor2 {background-color: rgba(193, 206, 232, 0.57);}

.text400,.f400{font-weight:400;}
.text500,.f500{font-weight:500;}
.text600,.f600{font-weight:600;}
.text700, .f700{font-weight:700;}
.size80{font-size:80%;}
.minHeight850{min-height:650px;}
.underline{border-bottom: 1px solid;}
a.noHover:hover, .noHover:hover{text-decoration: none;}
.height32 {height:32px !important;}
.images1 {align-content: flex-start;}

ul.ausstattung{padding: 0;margin: 0 0 30px 20px;list-style: none !important;}
.naslovAusstattung {
    padding: 10px 20px;
    color: rgba(128, 120, 120, 0.83);
    font-size: 1.3em;
    background-color: rgba(176, 200, 214, 0.59);
    text-align: center;
}
.ausstattung ul li:before {
    /*font-family: 'FontAwesome';*/
    content:"\2713\0020"; 
    /*content: '\1f5f8';*/
    margin: 0 5px 0 -21px;
    color: #696969;
    font-size: 18px;
}

ul.flash li:before {
    font-family: FontAwesome;
  display: inline-block;
    content: '\f087';
    margin: 0 15px 0 -21px;
}
ul.flash li.tesla:before {
    font-family: FontAwesome;
  display: inline-block;
    content: '\f0e7' !important;
    margin: 0 15px 0 -21px;
}
ul.flash li.besucher:before {
    font-family: FontAwesome;
  display: inline-block;
    content: '\f007';
    margin: 0 15px 0 -21px;
}

/* Anker hinter Navigation */
a.symbol-target::before, .symbol-target::before {
  content:"";
  display:block;
  height:70px; /* fixed header height*/
  margin:-70px 0 0; /* negative fixed header height */
}
b {font-weight: 500;}

form{display:inline;}
.naslovLightBlue{color:#0275d8;}

img.mitglied {padding: 10px 20px 10px 20px;}
img.mitglied2 { position: absolute; left:280px;  top: 1060px;}
img.mitglied3 {margin-bottom: 10px;}
img.mitglied4 { position: absolute; left:660px;  top: 1055px;}

.img-responsive {margin: 0 auto;}
.buttonResultAnfragen button {color: #fff; background-color: #5bc4be; padding: 5px 25px; font-family: 'Lato';font-size:18px; width: 120px;margin-bottom: 3px;border:none;cursor:pointer;}
.buttonResultBuchen button {color: #fff;background-color: #fc9e54; padding: 5px 25px; font-family: 'Lato'; font-size:18px; width: 120px;border:none;cursor:pointer;}
.btn{text-transform: none !important;}
.rastojanje {margin-bottom: 100px; padding-bottom:  10px; border-bottom: 0px solid #D3D2D2; }
.rastojanjeMalo {margin-bottom: 20px; padding-bottom:  10px; border-bottom: 0px solid #D3D2D2; }

.adds_txt{top:10px;}

.vcenter {vertical-align: middle;}

/* Bewertung */
.ONshowReviewButtonFirst {max-width:470px;margin: 0 auto; padding: 5px 15px; color: #fff; background-color: #f0ad4e; border: none; font-size: 17px;}
.showCloseButton, .ONshowReviewButton {width: 100%;margin: 0 auto; padding: 5px; color: #fff; background-color: #f0ad4e; border: none; font-size: 25px;} /* Button Review hide/show */
.showCloseButton{display: none;}
.showReview {display: none;}
.xicA {position: relative; display: none;}
.xicI {position: absolute; right:10px;top:10px; color: red; cursor: pointer;}
.pokaziManje, .pokaziVise {cursor: pointer; text-align: right; font-size: 20px; color: darkblue; margin-bottom: 20px; text-decoration: underline;}


/* Moji Naslovi H1-H6 */
h3.inhaltFiles, h2.inhaltFiles {
    font-family: "open-sans-condensed", 'Open Sans Condensed', sans-serif, Verdana;
    font-weight: 700;
    padding: 12px 0;
    background: rgba(0, 0, 0, 0.01);
    border-bottom: 2px solid #7cb1fd;
    color: #7cb1fd;
    font-size: 1.7em;
    margin-bottom: 17px;
}
.inhaltFiles2 {  
    background: rgba(0, 0, 0, 0.01);
    border-bottom: 2px solid #7cb1fd;
    color: #7cb1fd;
    font-size: 1.7em;
    margin-bottom: 17px;    
}
.mobileOver480{display: inherit;}
.mobileOver768{display: inherit;}
.mobileOver768PaddingTop {padding-top: 50px;}
.mobileYes{display: none;}
.h1naslovEinzelobjekt{text-align: center !important; color:rgba(27, 26, 95, 0.67); border-bottom: 1px solid rgba(27, 26, 95, 0.67); text-transform: none !important;}

/* Moji naslovi koji nisu H1-H6 */
.naslovH3 {font:400 32px/40px Oswald;
	text-transform:uppercase;
	margin:0;
	display: block;
	width: 100%;}
    
.donjaCrta:after {
    content: "";
    display: block;
    margin: 31px 0 26px;
    width: 70px;
    height: 1px;
    border-bottom: 1px dotted #cfcfcf;
}    

/*  FILTER */
.sakrij{display:none !important;}
.buttonFilter {width: 100%;padding: 10px 40px; color: #fff; background-color: #C07FFC; font-size: 20px; border: 0px;cursor: pointer;}


/* AKo je inpu DISABLE onda mora i lable biti DISABLED */
#boxerFilter input:disabled+label{color:#ccc;}
#boxerFilter input[type=text]+label {float: left;}

.boxerFilter {
   display: table;
   border-collapse: collapse;
   margin-bottom: 45px;
   padding-bottom: 10px;
   border-bottom: 1px solid #65B2FF;
   position: relative;
}
 
.boxerFilter .box-rowFilter {
   display: table-row;
}
 
.boxerFilter .box {
   display: table-cell;
   text-align: left;
   vertical-align: top;
   border: 0 solid black;
}


.boxerFilter input.checkboxovi[type=checkbox]:not(old),
.boxerFilter input.checkboxovi[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  /*opacity : 0;*/
}

.boxerFilter input.checkboxovi[type=checkbox]:not(old) + label,
.boxerFilter input.checkboxovi[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('https://www.vip-urlaub.de/css/checkForm/checks.png') no-repeat 0 0;
  line-height  : 24px;
}

.boxerFilter input.checkboxovi[type=checkbox]:not(old):checked + label{
  background-position : 0 -24px;
}

.boxerFilter input.checkboxovi[type=radio]:not(old):checked + label{
  background-position : 0 -48px;
}

.box-razmak {padding-right: 0px;}
.box-rowFilter .box {min-width: 250px;}

.filterAbrufen, .filterAbrufenAgain {
    width: 100%;
    color: #fff;
    background-color: #65B2FF;
    font-size:25px !important;
    border: 0;
    cursor: pointer;
    margin-bottom: 15px;
    padding: 10px;
}
.filterAbrufen i, .filterAbrufenAgain i {font-size: 35px; position: relative; left: 5px; top: 5px;}
.naslovFilter {font-weight: 700; font-size: 18px; padding: 7px; }
input.checkboxovi:disabled{color: red;}
/* ******** Kraj Filter CSS ****** */


/* ************   AWESOME ** ** */
.buttonOpis{color:#000; background-color: #C9C9C9;padding: 10px 7px 10px; margin: 5px 0px 0 0; border-radius: 5px;}
.iconColorBlue{color:rgb(87,130,201);}
.iconAwesome{
            font-size: 18px;
			color: rgba(255,255,255,1);
			background-color: rgb(87,130,201);
			border-radius: 50%;
			overflow: hidden;
			width: 30px;
			height: 30px;
			line-height: 30px;
			text-align: center;
            bottom:0;            
        }
.fax-pool:before {
    content: "\1f3ca";
}
.fax-palm-tree:before {
    content: "\1f334";
}
.fax-fewo:before {
    content: "\1f3e1";
}
.fax-dog:before {
    content: "\1f415";
}
.fax-dog-2:before {
    content: "\1f415";
}
.fax-dog-face:before {
    content: "\1f436";
}
/* ***********  /Kraj Awesome ************  */


/* **** Izvod svih kuca (npr: feha kroatien)  */
.allHausNaslov{padding-bottom:3px;}
@media (max-width:768px){
    .allHausNaslov{padding-bottom:3px; padding-top:5px}
    .allHausButton{padding-top:3px;}
    }
@media (min-width:768px){
    .desktopNo{display: none;}
}   
@media (min-width:992px){
    .desktopNo2{display: none;} /* Duga slika FeHa Kro */
}     
    
    
    
/*  ***  Merkliste *** */
/*.ulMerkliste {
    list-style: none;
}    
.deleteObjekt {
    color: red;
    cursor: pointer;
}*/

.naslovINkorpa {
    font: 700 30px/22px 'Lato';     
    padding: 15px;
    background-color: #0275d8;
    color: #fff;
    margin-top: -5px;
    border-radius: 10px 10px 0 0;
}

.merkUL li {list-style-type: none; padding: 5px 10px;}
.sakrij {display: none;}
.korpa {position: fixed; bottom: 95px; right: 30px; height: 50px; width: 50px; background-color: rgba(22, 118, 236, 0.72); z-index: 4; color:#fff;border-radius: 3px; padding: 10px 0px 0 10px;}
.korpa:hover {box-shadow: 0 6px 40px rgba(0, 0, 0, 0.5);}



.korpa_big {display: none;}
.korpa_big::before {
    content: '';
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);    
}
.korpa_big {position: fixed;}
.korpa_big2 {
    display:none; 
    position: fixed; 
    bottom: 95px; 
    right: 30px; 
    max-height: 400px;
    min-width: 280px; 
    background-color: #fff; 
    z-index: 3; 
    color:#000;
    padding-top: 5px; 
    border: 0px solid blue;
    box-shadow: 6px rgba(0,0,0,0.3);    
    border-radius: 10px;   
    overflow: auto;
}
.korpa_logo {
    display:none; 
    padding: 5px 0 0 20px; 
    bottom: 95px; 
    right: 30px;  
    height: 50px; 
    width:  100% ; 
    z-index: 4; 
    background-color: lightblue;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
}
.count_korpa {
    position: fixed;
    bottom: 133px;
    right: 15px;
    width: 30px;
    height: 30px;
    z-index: 5;
    background-color: rgb(253, 49, 49);
    color: #fff;
    font: 700 18px/20px 'Lato';
    border-radius: 15px;
    padding: 3px 0px 3px 9px;
}
.count_korpa2 {
    position: fixed;
    bottom: 133px;
    right: 15px;
    width: 30px;
    height: 30px;
    z-index: 5;
    background-color: darkgreen;
    color: yellow;
    font: 700 18px/20px 'Lato';
    border-radius: 15px;
    padding: 3px 0px 3px 9px;
}
/*  END Merkliste */

/* **** FORM Suchen */
.formSuchen{background-color: rgba(0,0,0,0.4); padding: 20px; max-width: 700px; margin-bottom:30px;}
.formSuchen12{background-color: rgba(0,0,0,0.2); padding: 20px;border-radius: 2px;}
.formSuchenDesno{padding: 20px;}
.formSuchen12 .btn-white, .formSuchenDesno .btn-white, .orange {background-color: orange !important;}
.datePreis {padding: 20px !important; font-size: 20px;}

.img-overlay {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  text-align: center;
}
.img-overlay button{background-color:rgba(0, 8, 255, 0.52);}

.img-overlay:before {
  content: ' ';
  display: block;
  /* adjust 'height' to position overlay content vertically */
  height: 50%;
}

.datum-selectMitte {
    overflow: hidden;
    border: 1px solid #ccc;
    height: 40px;
    font-size: 18px;
    color: #a9a9ae;
    font-family: 'Lato';
    background-color: #fff;
}
h2.indexHead{font:400 32px/24px 'Fjalla One';}


/* Kocke NP */
.portfolio_title {font: 700 36px/32px 'Open Sans';}
a .portfolio_subtitle {color: #fff; font:  500 28px/22px 'Open Sans'; text-decoration: underline;}
a .npText{color: #fff; margin: 0; font: 400 16px/20px 'Raleway'; position: relative; top:30%;}
.btn2 {bottom: -20px;}

/* DESNO */
/*aside.sidebar{min-width:340px;}*/
.sidebar h4 {font-family: 'Oswald'; font-weight: 300;}
.desnoWrap{background-color:#d9dad8;}
.desnoWrapNaslov {padding: 20px;background-color: rgba(153, 156, 255, 0.5); color:#fff;}

.desnoWrapGreen{background-color:#d9dad8;}
.desnoWrapGreenNaslov {padding: 20px;background-color: rgba(92, 184, 92, 0.5); color:#fff;}
.desnoWrapGreenNaslov a {padding: 20px; color:#fff; font-family: 'Oswald'; font-weight: 300;text-transform: uppercase; font-size: 1.5rem;}
.arrowDownGreen {
    width: 0;
    height: 0;
    border-left: 144px solid transparent;
    border-right: 144px solid transparent;
    border-top: 20px solid rgba(92, 184, 92, 0.5);
    margin: -1px auto 0 auto;
}  
.desnoWrapRed{background-color: #d9534f;}
.desnoWrapRedNaslov, .desnoWrapRedNaslov a {padding: 20px;background-color: #d9534f; color:#fff; font-family: 'Oswald'; font-weight: 300;text-transform: uppercase; font-size: 1.5rem;}

.arrowDown {
  width: 0; 
  height: 0; 
  border-left: 144px solid transparent;
  border-right: 144px solid transparent;  
  border-top: 20px solid rgba(153, 156, 255, 0.5);
  margin: -1px auto 0 auto;
}
.opacity{opacity: 0.5;}   

ul.top10{list-style-type: none;list-style-position: outside !important;}
ul.ulNumm{list-style-type: decimal;}
.bacgroundDarkBlue{background-color: #008080;}


/*  2-klick lösung  
Ovo je vezano za link  https://codepen.io/Codepalm/pen/ZdaGWV
i 2-klick lösung za youtube i maps. Mislim da je u SCCS pisano, ali radi i ovako :-)   */
  /* Video Wrapper */
  .video_trigger {
    padding: 130px 30px;
    height: -webkit-calc( 100% - 0px );
    height: -moz-calc( 100% - 0px );
    height: -o-calc( 100% - 0px );
    height: calc( 100% - 0px );

    width: -webkit-calc( 100% - 0px );
    width: -moz-calc( 100% - 0px );
    width: -o-calc( 100% - 0px );
    width: calc( 100% - 0px );

    bottom: 0;
    z-index: 9;
    background-color: rgba( 0, 0, 0, .8 );
    color: #fff;

    &:before {
      content: '\f04b';
      font-family: 'FontAwesome';
      position: absolute;
      z-index: -1;
      font-size: 120px;
      color: rgba( 255, 255, 255, .2 );
      width: 120px;
      height: 120px;
      line-height: 120px;
      text-align: center;
      top: -webkit-calc( 50% - 60px );
      top: calc( 50% - 60px );
      left: -webkit-calc( 50% - 60px );
      left: calc( 50% - 60px );
    } 
  }
  
  .video_layer {
    position: relative;
    display: none;
    height: inherit;
    width: inherit;
    margin: auto;
    
    iframe {
      border: 0px none transparent;
      height: inherit;
      width: inherit;
      vertical-align: middle;
    } 
  }
/* /2-klick-lösung  */

/* Footer */
#footerKontakt input, #footerKontakt textarea {color: #fff !important;}


/* *******************************************************************************************
    MEDIA ROLAN 
    **************************************************************************************** */
@media (max-width:1100px){
      .noDisplay{display: none;} 
}    


@media (max-width:992px){
   .great_title_big {font: 400 34px/42px Oswald}
   	.book_item {text-align: center; margin: 0 0 7px 0;}
    .mobileOver992{display:  none;}     
    .marginTop100Media {margin-top:0 !important;}
    .buttonOpis {font-size: 14px !important;}
}    

@media (max-width:768px){
    .paddingTop90 {padding-top:0;}
    .great_title_big {font: 400 24px/22px Oswald}
    .text_content{top:0px;}
    .down_block {visibility: hidden;}
    .mobileNo{display: none;}
    .mobileYes{display: inline !important;}
    .minHeight850{min-height:450px !important;}
    .up_block{left:20px;}
    .main_menu {color: darkgray;} /* mobile meni */
    .marginTop100desktop{margin-top:0 !important;}
    .h1naslovEinzelobjekt{font-size: 18px !important;}
    h1.mobileYes{font: 400 40px/0px Oswald;}
    h3.inhaltFiles, h2.inhaltFiles {font-weight:500; font-size: 1.3em;}
    .naslovAusstattung {font-size: 1em;}
    .white_bck .logo a.whiteIlogo {color: #000; border-color: #000;}/* Logo Top*/    
    .mobileOver768{display:  none;}  
    .mobileOver768PaddingTop {padding-top: 0px;}    
    .paddingTop100over768{padding-top:0 !important;}
    .paddingTop70over768{padding-top:0 !important;}   
    .paddingRight0mobile {padding-right: 0 !important;}
    .buttonOpis {font-size: 16px !important;}
    .korpa {width: 40px; height: 40px;}
    .korpa_big2, .korpa_logo, .korpa {bottom: 20px; right: 20px; }
    .count_korpa, .count_korpa2 {bottom: 50px; right: 15px;}
}

@media (max-width:480px){
    .great_title_big {font: 400 34px/42px Oswald}    
   	.great_title {font: 24px/30px Oswald!important}
	.great_title b {font-weight: normal!important;}
    .open .head_bck {right: 0px;visibility: hidden;} 
    .mobileOver480{display:  none;} 
    .mobilOver480paddingTop30 {padding-top: 50px;}
    .buttonOpis {font-size: 18px !important;} 
    a.otvoriObjekt {font-size: 80%;}     
 }