/******************/
/* FONTS */
/*****************/


@font-face {
    font-family: 'Roboto'; /* Gewünschter Name */
    src: url('/fonts/Roboto-Regular.TTF') format('truetype');
}

h1, h2, h3, h4, h5, h6, p, body, li, a {
    font-family: 'Roboto';
}

.grid-filter li.activeFilter a {
    font-weight: normal;
}


/******************/
/* GRID */
/*****************/
.Abstand-Oben {
    padding-top: 50px;
}

.Abstand-Unten {
    padding-bottom: 50px;
}

.Abstand-Standard {
    padding: 30px 30px 30px 30px;
}

/******************/
/* HEADER */
/*****************/

#logo {
    padding: 8px 0px;
}

.full-header #logo {
    border-right: 0px solid #fff !important;
}

#header {
    border-bottom: 0px solid #fff;
}

#top-social li .ts-icon {
    color: #000;
}

/******************/
/* FOOTER */
/*****************/

.dark #footer, #footer.dark {
    color: #fff;
    background-color: #004388;
}

    .dark #footer a, #footer.dark a {
        color: #ef7f01;
    }

        .dark #footer a:hover, #footer.dark a:hover {
            color: #fff;
        }

#footer {        
    bottom: 0 !important;
   /* position: fixed;*/
    width: 100%;
}

/*******************/
/* customs */
/*******************/
.partner-content {
    max-height: 200px;
    overflow:hidden;
}

.partner-image {
    max-width: 85%;
    margin: 16px auto 0 auto !important;
}

.portfolio-image {
    border: solid 2px #f6f6f6;
}

.img-thumbnail
{
    border:none !important;
}

#page-title {
    position: relative;
    padding: 10px 0;
    background-color: #014189;
    border-bottom: none;
    margin-top: 20px;
}

    #page-title h1, #page-title span
    {
        color:#fff !important;
    }

    .specialOffer {
        border-top: solid 6px #ef7f01;
        background-color: #004388;
        padding: 15px;
        color: #fff;
    }

    .specialOffer h1, .specialOffer h2, .specialOffer h3, .specialOffer h4, .specialOffer h5, .specialOffer h6 {        
        color: #fff;
    }

.tab-content
{
    padding-right:50px;
}

.contact-properties [class^=col-] > a,
.product .product-image,
.button,
.feature-box.media-box.fbox-bg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 10px 30px -5px rgb(10 16 34 / 20%);
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 5px;
}

.contact-properties [class^=col-] > a:hover,
.product:hover .product-image,
.button:hover,
.feature-box.media-box.fbox-bg:hover {
	box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.feature-box h3 { font-size: 17px; }

.feature-box h3 span.subtitle { font-size: 14px; }
        
.cards { /*Settings Übersicht Kartenansicht*/
    
}        

.btn-dehoga:hover {
    background-color: #004388 !important;
    color: white !important;
}

.btn-spcR {
 padding-right: 25px !important;   
}

.btnBrk {
    display:none;
}

input[type="checkbox"] {
  display: none;
}

.form-btn {
  display: inline-block;
  padding: 10px;
  text-transform: uppercase;
  border: 2px solid #004388;
  border-radius: 3px;
  color: #004388;
}

input[type="checkbox"]:checked + span {
  background-color: #004388;
  color: white;
}

.bg-white{
    background-color:#FFFFFF;
}
.showMe  {
  display: block !important;
}

.underlined::after{
    width:100% !important;
}

		.form-group > label.error {
			display: block !important;
			text-transform: none;
		}

		.form-group input.valid ~ label.error,
		.form-group input[type="text"] ~ label.error,
		.form-group input[type="email"] ~ label.error,
		.form-group input[type="number"] ~ label.error,
		.form-group select ~ label.error { display: none !important; }
		
/* Hide Arrows in input type number field*/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/******************************/
/*Kontaktformular*/
/******************************/

            .btn-dehoga.selected {
                background-color: #004388 !important;
                color: white !important;
                border:1px solid #fff;
            }
            
            .form-result-spacer{
                margin: 0 0 2rem 0;
            }
            
            .partner-result{
                margin-bottom: 5rem;
            }
            
            @media(max-width: 768px){
                #solution-form .btn-group-toggle{
                    flex-direction: column;
                }
            }

/*******************/
/* responsive */
/*******************/

/*Special Cases*/
/*Small devices (landscape phones, 576px and less)*/
@media (max-width: 330px) { 
        .resize {
        transform:scale(0.95);
        left:0px !important;
        top:-5px !important
    }
    
    .ptres {
        padding-top:5px !important;
        padding-bottom:5px !important;
        padding-left:9px !important;
        padding-right:10px !important;
    }
    
    .txtres {
        width:100% !important;
        top:3px !important;
    }
    
}

@media (min-width:320px) and (max-width: 375px) { 
 .btnres {
     width:95% !important;
 }
    
}

@media (max-width:425px) {
    .shown {
        display:block !important;
          transform:scale(1.35) !important;
    }
    
    .hidden {
        display:none !important;
    }
    
    .tab-nav li a {
    padding: 0 2px !important;
}

div#logo {
    max-width:65% !important;
}

div#logo img {
    height:auto !important;
}

.mtres{
    margin-top:20% !important;
}

.pres0 {
    padding-left:6px !important;
    padding-right:6px !important;
}

.btnBrk {
    display:block !important;
}

.btn-spcR {
    padding-right:5px !important;
}

}

@media (min-width:388px) and (max-width:531.98)  {
    .hideMe {
        display:none !important;
    }
}

@media (max-width: 472px) { 

.prres{
    padding-right:20% !important;
}

.plres{
    padding-left:20% !important;
}

@media (max-width: 532px) { 
.tab-nav li a {
    padding: 0 2px !important;
}

    ul.tab-nav {
        padding-left:2px !important;
        padding-right:2px !important;
    }
}

@media (max-width: 532px) { 
.tab-nav li a {
    padding: 0 5px !important;
}
    
}

/*@media (max-width: 375px) { 
 #logo {
     transform:scale(0.95) !important;
 }   
}*/

@media (min-width:399px) and (max-width: 424.98px) {
    em.res {
        padding-top:50px !important;
    }
    
    h3.res
}

@media (min-width:425px) and (max-width: 472.98px) {
    
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { ... }

@media (max-width: 767.98px) {
    .tab-content {
        padding-right: 0px;
    }

}

@media (min-width: 576px) and (max-width: 767.98px) { 
    
    .resize {
        transform:scale(0.75);
        left:-40px !important;
        top:-35px !important
    }
    
    .ptres {
        padding-top:5px !important;
        padding-bottom:5px !important;
        padding-left:9px !important;
        padding-right:10px !important;
    }
    
    .txtres {
        width:75% !important;
        top:-40px !important;
    }
    
    p {
        font-size:15px !important;
    }
    
    h3 {
        font-size:16px !important;
    }
    
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { ... }

@media (max-width: 991.98px) { ... }

@media (min-width: 768px) AND (max-width: 991.98px) { 
    
    .resize {
        transform:scale(0.75);
        left:-40px !important;
        top:-35px !important
    }
    
    .ptres {
        padding-top:5px !important;
        padding-bottom:5px !important;
        padding-left:9px !important;
        padding-right:10px !important;
    }
    
    .txtres {
        width:75% !important;
        top:-40px !important;
    }
    
    p {
        font-size:15px !important;
    }
    
    h3 {
        font-size:16px !important;
    }
    
    .tab-nav li a {
        padding: 0 5px !important;
    }
    
    span {
        font-size:16px !important;
    }
    
    .breadcrumb {
        top:10px !important;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { ... }

@media (max-width: 1199.98px) { ... }

@media (min-width: 992px) and (max-width: 1199.98px) { 
    .resize {
        transform:scale(0.75);
        left:-40px !important;
        top:-35px !important
    }
    
    .ptres {
        padding-top:5px !important;
        padding-bottom:5px !important;
        padding-left:12px !important;
        padding-right:12px !important;
    }
    
    .txtres {
        width:75% !important;
        top:-40px !important;
    }
    
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }

.autoMargin {
margin-left:auto !important;
margin-right:auto !important;
}