/* ----------------------------------------------------------------
	Custom CSS MSV Straubing Bogen
-----------------------------------------------------------------*/

/* ============== Font local import ========== */

/* Raleway */
@font-face {
    font-family:'Raleway Black';
    src: url('../fonts/Raleway Black.eot');
	src: url('../fonts/Raleway Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Raleway Black.woff2') format('woff2'),
		url('../fonts/Raleway Black.woff') format('woff'),
		url('../fonts/Raleway Black.svg#Raleway Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}



@font-face {
    font-family:'Raleway';
    src: url('fonts/Raleway Regular.eot');
	src: url('fonts/Raleway Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Raleway Regular.woff2') format('woff2'),
		url('fonts/Raleway Regular.woff') format('woff'),
		url('fonts/Raleway Regular.svg#Raleway Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}

@font-face {
    font-family:'Poppins';
    src: url('fonts/Poppins Regular.eot');
	src: url('fonts/Poppins Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Poppins Regular.woff2') format('woff2'),
		url('fonts/Poppins Regular.woff') format('woff'),
		url('fonts/Poppins Regular.svg#Poppins Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2212;
}

@font-face {
    font-family:'Poppins';
    src: url('fonts/Poppins Bold.eot');
	src: url('fonts/Poppins Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Poppins Bold.woff2') format('woff2'),
		url('fonts/Poppins Bold.woff') format('woff'),
		url('fonts/Poppins Bold.svg#Poppins Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2212;
}



/* Lato */
@font-face {
    font-family:'Lato';
    src: url('fonts/Lato Regular.eot');
	src: url('fonts/Lato Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Lato Regular.woff2') format('woff2'),
		url('fonts/Lato Regular.woff') format('woff'),
		url('fonts/Lato Regular.svg#Lato Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-02DC;
}



/* Logo Farbe - #0371d4; */

.blueCol {
    color: #0371d4;
}

/* === Logo === */
#logo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: 80px !important;
    padding: 10px 0px 10px 0px !important;
}

@media (max-width: 700px) {
    #logo img {
    height: 60px;
}}

img.footerLogo {
    max-width: 30% !important;
    margin-bottom: 10px;
}

/* ========== Farben ===============================================
Logo blau #005aaa;
etwas helleres blau: #0371d4;
rot #AA0005;
grün #5AAA00;

/* Menü Farbe */
.menu-item:hover > .menu-link, .menu-item.current > .menu-link {
    color: #0371d4;
}

a.footerA {
    text-decoration: none !important;
    color: #729dbf;
}


/* Trennstrich */
.heading-block::after {
    border-top: 2px solid #6f6162;
}

/* Kontakt Icons */
.fbox-plain .fbox-icon i, .fbox-plain .fbox-icon img {
    background-color: transparent !important;
    color: #587592;
}

/* Link Colors */
a {
    text-decoration: none !important;
    color: #444;
}

/* a blau ohne hover */
a.insiteLink {
    text-decoration: none !important;
    color: #0371d4
}

/* Hover blaue Farbe */
 a:hover.insiteLinkH {
    text-decoration: none !important;
    color: #0371d4 !important;
    font-weight: 500;
}

/* Copyrights font color */
.copyCol {
    color: #353535;
}

/* Got to top Pfeil */
#gotoTop:hover {
    background-color: #0371d4;
}


/* ========== Fonts ===================================== */
/* ==== h1 ==== */
h1 {
    font-size: 28px;
}

.heading-block h1 {
    font-size: 28px;
}

/* Abstand h1 zu text */
.heading-block {
    margin-bottom: 25px !important;
}

@media (max-width: 900px) {
.heading-block h1 {
    font-size: 22px;    
    }}

/* startseite h1 heading block */
.heading-block-start h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
    margin-bottom: 0;
    font-weight: 700;
    letter-spacing: 1px;
    color: #333;
}

.heading-block-start {
    margin-bottom: 25px !important;
}

@media (max-width: 900px) {
.heading-block-start h1 {
    font-size: 22px;    
    }}

h1.h1-24 {
    font-size: 24px;
}

@media (max-width: 900px) {
h1.h1-24 {
    font-size: 20px;    
    }}


/* Slider H2 */
.slider-caption h2 {
    font-size: 1.6rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}

body {
    line-height: 1.5;
    font-size: 18px;
    color: #555;
    font-family: 'Lato', sans-serif;
}


/* Button Font 700 auf index */
.btn.btn700 {
    font-weight: 700;
}

/* Footer */
#footer {
    position: relative;
    background-color: #EEE;
    border-top: 1px solid rgba(0,0,0,0.2);
}


/* Copyrights smaller and color */
#copyrights {
    padding: 10px 0;
    background-color: #f1f0f0;
    font-size: 0.78rem;
    line-height: 1.8;
}

/* ========== Liste keine dots ================== */
li.noDot {
    list-style-type:none;
}

/* li big */
li.liBig {
    font-weight: 700;
}

/* ============= Padding ========================== */
.normPad {
    padding-bottom: 5px;
    padding-top: 80px;
}

.padBot30 {
    padding-bottom: 30px;
}

.padBot50 {
    padding-bottom: 50px;
}

.padBot100 {
    padding-bottom: 100px;
}

.padBot120 {
    padding-bottom: 120px;
}

.padBot150 {
    padding-bottom: 150px;
}

.padtopBot150 {
    padding-bottom: 150px;
    padding-top: 150px;
}

.padTop25 {
    padding-top: 25px;
}

.padTop30 {
    padding-top: 30px;
}

.padTop40 {
    padding-top: 40px;
}

.padLeft35 {
    padding-left: 35px;
}

/* Slider wenioger höhe auf mitgliedschaft */
.min-vh-45 {
    min-height: 45vh !important;}