/******************/
/* 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;
}

.header-wrap-clone {
    display: block;
    height: calc( 100px + 1px ) !important;
}

.logo-default
{
    max-height:55px !important;
}

#top-bar {
    background-color: #ef7f01 !important;
}

#top-social li a, .top-links-item a {
    color: #000;
    font-weight:bold;
}

.top-links-item:hover a, .top-links-item:hover a:hover {
    color: #fff;
}

/******************/
/* 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 */
/*******************/


.title-block-orange {
    border-left-color: #ef7f01;
}

.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;
}

.btn-dark
{
    border-radius:0px;
}

.button.button-dark {
    background-color: #ef7f01;
    border-radius: 0px;
}

.is-expanded-menu .sub-menu-container, .is-expanded-menu .mega-menu-content {
    border-top-color: #ef7f01;
}

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;
}

.partnerList {
    border-top: solid 3px #ef7f01;
    padding-top: 40px;
}

.showMe  {
  display: block !important;
}

.owl-carousel .owl-stage {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.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;
}

.is-expanded-menu .sub-menu-container .menu-item:hover > .menu-link, .is-expanded-menu .sub-menu-container .menu-item.current > .menu-link {
    color: #ef7f01;
}


/** GRID CSS **/
.kein-Abstand {
    padding-top: 0px;
    padding-bottom: 0px;
}

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

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

.Abstand-Standard {
    padding-top: 50px;
    padding-bottom: 50px;
}

.Hintergrundfarbe-Grau {
    border-top: solid 3px #ef7f01;
    background-color: #f2f1f1
}

.Hintergrundfarbe-Orange {
  /*  background-color: #ef7f01;*/
}

.Hintergrundfarbe-Blau {
    background-color: #004388;
}

    .Hintergrundfarbe-Orange h1, .Hintergrundfarbe-Orange h2, .Hintergrundfarbe-Orange h3,
    .Hintergrundfarbe-Orange h4, .Hintergrundfarbe-Orange h5, .Hintergrundfarbe-Orange h6,
    .Hintergrundfarbe-Orange p, .Hintergrundfarbe-Orange span,
    .Hintergrundfarbe-Blau h1, .Hintergrundfarbe-Blau h2, .Hintergrundfarbe-Blau h3,
    .Hintergrundfarbe-Blau h4, .Hintergrundfarbe-Blau h5, .Hintergrundfarbe-Blau h6,
    .Hintergrundfarbe-Blau p, .Hintergrundfarbe-Blau span {
        color: #fff;
    }

/******************************/
/*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;
    }



    

    

    

    

    

    

    

    

    

/**umb_name:Headline 1*/
h1 {
}

/**umb_name:Headline 2*/
h2 {
}

/**umb_name:Headline 3*/
h3 {
}

/**umb_name:Headline 4*/
h4 {
}

/**umb_name:Headline 5*/
h5 {
}

/**umb_name:Headline 6*/
h6 {
}

/**umb_name:blau*/
.color-blue {
	color: #004388 !important;
}

/**umb_name:orange*/
.color-orange {
	color: #ef7f01 !important;
}

/**umb_name:Hervorgehoben*/
.catchphrase {
	font-size: 18px;
}