/*Master */

.body-font{
    font-family: 'Prometo Regular'!important;
}

.prometo-black{
    font-family:'Prometo Black Caps' !important;
}

.prometo-bold{
    font-family:'Prometo Bold' !important;
}

.height100 {
    height: 100% !important;
}

.border-none-important{border: none !important}

.rauten{
    background-image: url("/media/1rmchrry/rautenmuster_bg.png");
    background-repeat: no-repeat;
}


.retail-header {
    background-color:#383F49!important;
    border:none;
}

.button-gradient-orange {
   
    background: linear-gradient(
                -135deg,
                transparent 27px,
                #FED101 27px,
                #C57000 100% )
    top right,
        linear-gradient(
                -45deg,
                transparent 27px,
                 #FED101 0px,
                 #C57000 100%)
    bottom right;
    background-size: 100% 50%;
    background-repeat: no-repeat;
    padding: 8px 40px !important;
    padding-left: 25px !important;
    font-family:'Prometo Regular';
    font-size: 1.5rem !important;
    line-height: 54px !important;
    min-width:300px;
    text-align:center;
    background-color:transparent !important;
}

.button-gradient-orange:hover {
    background: linear-gradient(
                -135deg,
                transparent 27px,
                #FED101 27px,
                #FED101 100% )
    top right,
        linear-gradient(
                -45deg,
                transparent 27px,
                 #FED101 0px,
                 #FED101 100%)
    bottom right;
    background-size: 100% 50%;
    background-repeat: no-repeat;
    background-color:transparent !important;
}

.bg-triangle{
    background-image: url(/media/h3gb1ppr/pfeilspitze.png);
    background-repeat:none !important;
}





/*-----------------------------------------------------------------------------*/

/*sections HomeRetailMatch2*/


.transparent {
     background-color: transparent !important;
}

.section-image{
    position: absolute;
    top: 30%;
    right: 0px;
    transform: rotate(180deg) scale(2);
}


.h1-catchphrase{
    font-size:60px;
    line-height:1;
    margin:0;
}

.p-catchphrase{
    font-size: 20px !important;
    margin:auto;
}


.h1-premium{
    font-size:100px;
    line-height:1;
    margin:0;
    text-align:left;
}

.contnent-mh350
{
    min-height:350px;
}


.iconName {
    font-family:'Prometo Regular'!important;
    font-size:14px !important;
    
}

.fbox-content h3 {
    font-family:'Prometo Bold' !important;
}

/*-----------------------------------------------------------------------------*/

/*Tom*/
#navSuche a
{
    display:block;
    width:100%;
    background-color:#707070;
    text-transform:uppercase;
    font-size:21px;
    font-weight:bold;
    color:#fdcf00;
    border-right:solid 2px #383838;
    cursor:pointer;
}

#navSuche a:hover, #navSuche .active
{
    background-color:#fdcf00;
    color:#707070;
}

.sucheWrapper{
    height:65vh;
}

/*-----------------------------------------------------------------------------*/

@media only screen and (max-width: 1441px){
      .real-estate-item-link {
    position: absolute;
    top: 2px;
    right: 6px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 18px;
    
}

.real-estate-item-desc h3 {
    font-size: 16px;
}
}

@media only screen and (max-width:1025px){
    
  .sucheWrapper
  {
    height:auto;
  }
  
  .col-md-9 {
    flex: 0 0 auto;
    width: 100%;
}

.videoplay-on-hover h2
{
    font-size:25px !important;
}

.map {
    height:450px!important;
    width:100% !important;
    
}

    
}

/*Media Queries*/

@media only screen and (min-width: 1024px) {
    
    #no-slider{
        
        display:none !important;
        
    }
    
   .button-gradient-orange
    {
        padding: 2px 30px 0px 0px !important;
        padding-left: 8px !important;
        min-width:180px;
        font-size:14px !important;
    }
    
    

}

@media only screen and (max-width: 991.98px){
    
    #slider .slider-inner{
        position:absolute !important;
    }
    
}


@media only screen and (max-width: 768px) {
    
    .videoplay-on-hover h2
    {
        font-size:18px !important;
    }
    
    .slider-element-fade
    {
        padding:0px 15px !important;
    }
    
   #logo img 
   {
        height: 20px !important;
   }
    
    #slider
    {
        display:none !important;
    }
    
    #navSuche a
    {
 
    font-size:16px !important;

    }
    
    #slider .slider-inner{
        position:absolute !important;
    }
    
  .real-estate-item-link {
    position: absolute;
    top: 2px;
    right: 6px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 16px;
    
}

.real-estate-item-desc h3 {
    font-size: 16px;
}
    
    .rauten 
    {
    background-image:none;
    }
  
    .h1-catchphrase
    {
    font-size:28px;
    }
    
    .h1-premium
    {
    font-size:50px;
    line-height:1;
    margin:0;
    text-align:left;
    }
    
    .p-catchphrase
    {
    font-size: 16px !important;
    margin-top: 14px;
    }
    
    .button-gradient-orange
    {
        padding: 0 20px !important;
        padding-left: 0 !important;
        min-width:180px;
        font-size:16px !important;
    }
    
    .fbox-h3
    {
        color:#f4c114 !important;
        font-family:'Prometo Black Caps' !important;
        text-align:left;
    }
    
    .section-image
    {
        position: absolute;
        top: 30%;
        right: 0px;
        transform: rotate(180deg) scale(1);
    }
    
    .custom-padding{
        padding-top: 0px !important;
        padding-bottom: 25px !important;
    }
    
       .mobil-show{
        
        width:50% !important;
        margin:0;
        padding:0;
    }

}


@media only screen and (min-width: 320px) and (max-width: 425px) {
    
    .h1-catchphrase
    {
        font-size:28px;
    }
    
    .h1-premium
    {
        font-size:50px;
        line-height:1;
        margin:0;
        text-align:left;
    }
    
       #slider .slider-inner{
        position: unset !important;
    }

    #navSuche a
    {
 
    font-size:10px !important;

    }
    
    .custom-pt{
        padding-top:0 !important;
    }
    
    .contnent-mh350
    {
        min-height: auto;
    }
    
    .p-catchphrase
    {
        font-size: 12px !important;
        margin-top: 5px;
        z-index:20;
    }
    
    .premium-image{
        display: none !important;
    }
    
    .button-gradient-orange{
        padding: 0px 20px !important;
        padding-left: 0px !important;
        min-width:200px;
        font-size:14px !important;
    }
    
    .centered 
    {
         display:unset;
    }
 
    .fb-img-centerd
    {
      margin:auto !important;
    }
    
    .fbox-h3
    {
        color:#f4c114 !important;
        font-family:'Prometo Black Caps' !important;
        text-align:center;
    }
    
    .iconName {
        font-family:'Prometo Regular'!important;
        font-size:12px !important;
    }
    
   .mobil-show{
        
        width:100% !important;
        margin-top: 5px;
        margin-bottom:10px;
        padding-bottom:15px;
        
    }
    
}


@media only screen and (max-width: 320px){
    
 .real-estate-item-link {
    position: absolute;
    top: 2px;
    right: 6px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 16px;
    
}

   .mobil-show{
        
        width:100% !important;
        margin-top: 5px;
        margin-bottom:10px;
        padding-bottom:15px;
        
    }

.real-estate-item-desc h3 {
    font-size: 18px;
}

#navSuche a
{
 
    font-size:10px !important;

}
    
}



/*-----------------------------------------------------------------------------*/

::selection {
    background: #C57000;
    color: #FFF;
    text-shadow: none;
}