@charset "utf-8";
/* Hulle24 Template Design
 * Only Made for Hulle24 / Moex24
 * Version: 1.1
 * Copyright by Hulle24
 * URL : hulle24.de
 */
 :root {
    --main: #09b4bf;
    --secound: #213f49;
    --bg-content: #e6e6e6;
    --head-font: 'EB Garamond', serif;
    --content-font: 'Open Sans', sans-serif;
    
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}
@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

body {
	margin-top: 10px;
}
.no-pa {padding: 0px !important;}
.screen-none {display: none !important;}
.mobile-none {display: flex !important;}
@media (max-width:768px) {
    .screen-none {display: flex !important;}
    .mobile-none {display: none !important;}
}
.deko {
    font-family: var(--head-font);
}
/** Festival Theme **/
.xmas {
    background-color: #193042;
    background-image: url('https://www.moex24.de/images/moex24/hintergrund_verlauf.jpg') !important;
    background-position: center top;
    background-repeat: no-repeat;
}
.xmas2018 section .sidebar .features p::before {
    content: "" !important;
}
/** Wrap Container **/
.wrap {
    width: 100%;
    max-width: 1400px;
    padding: 0px 100px;
    margin: auto;
    position: relative;
}
.wrap > * {
    font-family: var(--content-font);
}
.wrap > *  p {
    font-family: var(--content-font);
    font-size: 0.75rem;
}
@media (max-width: 1200px) {
    .wrap { padding: 0px 5%}
}
/** Header **/
.header {
    height: 200px;
    color: var(--white) !important;
}
.header > *  p {
	font-size: 0.8125rem !important;
	font-weight: 500 !important;
}
.header .middle {
    margin-top: 55px;
	color: var(--dark);
}
@media (max-width: 768px) {
    .header {
        height: auto;
		color: var(--dark) !important;
    }
    
    .header .middle {
        margin-top: 10px;
    }
    .header .first {
        margin-top: 20px;
    }
}
/** Section / Content Container **/
.section {
    width: 100%;
    background-color: var(--white);
    min-height: 100px;
    margin-bottom: -32px;
    position: relative;
	border: solid 16px var(--secound);
	border-radius: 8px;
}
/** Sidebar **/
.section .sidebar {
    width: 100%;
    padding: 0px;
}
@media (max-width: 768px) {
    .section .sidebar {
        margin-top: 32px;
    }
}
.section .sidebar .inner {
    background-color: var(--secound);
    padding: 20px;
    width: 100%;
    color: var(--white);
	min-height: 950px;
}
.section .sidebar .inner > div {
    margin-bottom: 16px;
}
.section .sidebar .inner > div:nth-last-child(1) {
    margin-bottom: 0px;
}
.section .sidebar .inner h4 {
	margin-bottom: 20px;
	margin-top: -8px;
}
/** Sidebar | Swatch Images **/
.section .sidebar .inner .color {
	margin-bottom:30px;
}
.section .sidebar .inner .color h4 {
	margin-bottom: 8px;
	margin-top: -8px;
}
.section .sidebar .color .box {
   	background-color: white;
    width: 29px;
    border-radius: 4px;
    overflow: hidden;
    display: -webkit-inline-box;
}
.section .sidebar .color .box .sw-img {
    overflow: hidden;
    height: 29px;
    width: 29px;
}
/** Sidebar | Feature **/
.section .sidebar .features p {
    font-size: 0.875rem;
    font-weight: 300;
    font-style: italic;
    position: relative;
    margin-left: 30px;
}
.section .sidebar .features p strong {
    font-size: 1rem;
    font-weight: 700;
    font-style: normal;
}
.section .sidebar .features p::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 8px;
    left: -27px;
    font-size: 1.25rem;
    font-style: normal;
}
.section .headline h4 {
    width: 100%;
    border-bottom: solid 1px var(--secound);
    padding-bottom: 5px;
	margin-top: 12px;
	margin-bottom: 20px;
	border-radius: 0px !important;
}
/** header info **/
.header-info {
    position: relative;
    width: 100%;
    background-color: var(--secound);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 16px 5px;
    margin-bottom: 16px;
    border-radius: 8px;
}
.header-info h5,
.header-info a,
.header-info p {
    color: var(--white);
}
.header-info p,
.header-info a {
    font-size: 0.75rem;
	margin-bottom: 0px;
	margin-top: 0px;
}
/** Footer **/
.footer-container {
    position: relative;
    width: 100%;
    background-color: var(--secound);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 20px;
    margin-bottom: 16px;
    border-radius: 8px;
}
.footer-container h5,
.footer-container a,
.footer-container p {
    color: var(--white);
}
.footer-container p,
.footer-container a {
    font-size: 0.75rem;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img {
    display: block;
    height: auto;
    max-width: 100%;	
}
.full-container {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
}
.full-container h4 {
    width: 100%;
    border-bottom: solid 1px var(--secound);
    padding-bottom: 5px; 
	border-radius: 0px !important;
}
.full-container strong {
    font-size: 1rem;
}
.star-img {
    color: var(--main);
    font-size: 26px;
    margin-bottom: 5px;
    margin-top: 5px;
}
[id*="kl_bild_"]:nth-child(1) {
	margin-right: 4px;
	margin-left: 0px !important;
}
[id*="kl_bild_"] {
	margin-right: 4px;
	margin-left: 4px;
}
[id*="kl_bild_"]:nth-last-child(1) {
	margin-right: 0px !important;
	margin-left: 4px;
}
/***********************************************
				Farben
************************************************/

/* Important Configs */
[class$=".jpg"] { opacity: 1;}
[class*="aero"],
[class*="AERO"],
[class*="double"],
[class*="DOUBLE"],
[class*="touch"],
[class*="TOUCH"],
[class*="frosted"],
[class*="FROSTED"] {opacity: 0.5 !important;}
/** Mask configs **/


/**
 * 1. Schwarz -------------------------------------------------------------------
 **/
[class*="main-matteblack"],
[class*="main-havoc"],
[class*="main-black"],
[class*="main-deepblack"],
[class*="main-graphiteblack"],
[class*="main-dift"],  
[class*="main-gloom"],  
[class*="main-nero"],  
[class*="main-obsidian"],  
[class*="main-carbononyx"],
[class*="main-oceanblack"],
[class*="main-onyx"],
[class*="main-platinschwarz"],  
[class*="main-slateblack"],
[class*="main-tuxedo"],  
[class*="main-zen"],  
[class*="main-onyxblack"],
[class*="main-schwarz"] { background-color: #000000 }/** Farbe Eintragen **/
/**
 * 2. Dunkel Grau -------------------------------------------------------------------
 **/
[class*="main-anthrazitgrau"],
[class*="main-anthrazitschwarz"],
[class*="main-anthrazit"]
[class*="main-anthracitebreeze"],
[class*="main-graphitmetallic"],
[class*="main-anthracitegray"],
[class*="main-anthraciteblack"],
[class*="main-anthracite"],
[class*="main-darkgrey"],
[class*="main-dunkelgrau"],
[class*="main-zero"],
[class*="main-skyscraper"] { background-color: #191919 }/** Farbe Eintragen **/
/**
 * 3. dunkel rot -------------------------------------------------------------------
 **/
[class*="main-crimsonred"],
[class*="main-maroonred"],
[class*="main-burgunderrot"],
[class*="main-burgund"],
[class*="main-burgundy"],
[class*="main-indianred"],
[class*="main-darkred"],
[class*="main-weinrot"],
[class*="main-dunkelrot"] { background-color: #7E0000 }/** Farbe Eintragen **/
/**
 * 4. dunkel-gelb -------------------------------------------------------------------
 **/
[class*="main-darkyellow"],
[class*="main-dunkelgelb"] { background-color: #7F7F00 }/** Farbe Eintragen **/
/**
 * 5. dunkel-gruen -------------------------------------------------------------------
 **/
[class*="main-palmgruen"],
[class*="main-palmgreen"],
[class*="main-smaragdgruen"],
[class*="main-emeraldgreen"],
[class*="main-darkgreen"],
[class*="main-dunkelgruen"] { background-color: #007410 }/** Farbe Eintragen **/
/**
 * 6. dunkel-blau -------------------------------------------------------------------
 **/
[class*="main-midnightblue"],
[class*="main-koenigsblau"],
[class*="main-royalblue"],
[class*="main-navyblue"],
[class*="main-midnight"],
[class*="main-deepocean"],
[class*="main-darkblue"],
[class*="main-dunkelblau"] { background-color: #003A88 }/** Farbe Eintragen **/
/**
 * 7. dunkel-braun -------------------------------------------------------------------
 **/
[class*="main-oxidebrown"],
[class*="main-darksoil"],
[class*="main-darkbrown"],
[class*="main-dunkelbraun"] { background-color: #533100 }/** Farbe Eintragen **/
/**
 * 8. weiss -------------------------------------------------------------------
 **/
[class*="main-weissneu"],
[class*="main-weißneu"],
[class*="main-transparent"],
[class*="main-pearlwhite"],
[class*="main-weiss"],
[class*="main-weiß"],
[class*="main-crystalclear"],
[class*="main-ultraclear"],
[class*="main-clear"],
[class*="main-white"],
[class*="main-crystal"],
[class*="main-coco"],
[class*="main-shinywhite"],
[class*="main-pealwhite"] { background-color: #E5E5E5 }/** Farbe Eintragen **/
/**
 * 9. hell-grau -------------------------------------------------------------------
 **/
[class*="main-lightgrey"],
[class*="main-hellgrau"] { background-color: #BFBFBF }/** Farbe Eintragen **/
/**
 * 10. hell-rot -------------------------------------------------------------------
 **/
[class*="main-coralred"],
[class*="main-coral"],
[class*="main-lightred"],
[class*="main-hellrot"],
[class*="main-koralle"] { background-color: #FF3535 }/** Farbe Eintragen **/
/**
 * 11. hell-gelb -------------------------------------------------------------------
 **/
[class*="main-lightyellow"],
[class*="main-hellgelb"],
[class*="main-acidyellow"] { background-color: #FFFE80 }/** Farbe Eintragen **/
/**
 * 12. hell-gruen -------------------------------------------------------------------
 **/
[class*="main-limegreen"],
[class*="main-lime"],
[class*="main-lemon"],
[class*="main-lightgreen"],
[class*="main-hellgruen"] { background-color: #55FF34 }/** Farbe Eintragen **/
/**
 * 13. hell-blau -------------------------------------------------------------------
 **/
[class*="main-worldwide"],
[class*="main-skyblue"],
[class*="main-aquacyan"],
[class*="main-caribbean"],
[class*="main-horizon"],
[class*="main-horizen"],
[class*="main-lightblue"],
[class*="main-hellblau"] { background-color: #3BFFFA }/** Farbe Eintragen **/
/**
 * 14. hell-braun -------------------------------------------------------------------
 **/
[class*="main-lightbrown"],
[class*="main-hellbraun"] { background-color: #c79d75 }/** Farbe Eintragen **/
/**
 * 15. grau -------------------------------------------------------------------
 **/
[class*="main-bigio"],
[class*="main-grey"],
[class*="main-grau"] { background-color: #7F7F7F }/** Farbe Eintragen **/
/**
 * 16. rot -------------------------------------------------------------------
 **/
[class*="main-fuse"],
[class*="main-vulcano"],
[class*="main-blazingred"],
[class*="main-carbonfire"],
[class*="main-red"],
[class*="main-rot"] { background-color: #FF0000 }/** Farbe Eintragen **/
/**
 * 17. orange -------------------------------------------------------------------
 **/
[class*="main-canyonorange"],
[class*="main-orange"] { background-color: #FF8E00 }/** Farbe Eintragen **/
/**
 * 18. gelb -------------------------------------------------------------------
 **/
[class*="main-yellow"],
[class*="main-gelb"] { background-color: #FFFF00 }/** Farbe Eintragen **/
/**
 * 19. gruen -------------------------------------------------------------------
 **/
[class*="main-stamina"],
[class*="main-green"],
[class*="main-gruen"] { background-color: #20c61f }/** Farbe Eintragen **/
/**
 * 20. blau  -------------------------------------------------------------------
 **/
[class*="main-carbonsmoke"],
[class*="main-blue"],
[class*="main-blau"] { background-color: #005CFF }/** Farbe Eintragen **/
/**
 * 21. violett -------------------------------------------------------------------
 **/
[class*="main-indegoviolet"],
[class*="main-violescent"],
[class*="main-violet"],
[class*="main-violett"] { background-color: #8800ff }/** Farbe Eintragen **/
/**
 * 22. pink -------------------------------------------------------------------
 **/
[class*="main-berryfuchsia"],
[class*="main-iceberry"],
[class*="main-carbonpink"],
[class*="main-berrfuchsia"],
[class*="main-icypink"],
[class*="main-pink"] { background-color: #A70036 }/** Farbe Eintragen **/
/**
 * 23. rose -------------------------------------------------------------------
 **/
[class*="main-rose"] { background-color: #ffc7c5 }/** Farbe Eintragen **/
/**
 * 24. rosa -------------------------------------------------------------------
 **/
[class*="main-spirit"],
[class*="main-rosa"] { background-color: #ea899a }/** Farbe Eintragen **/
/**
 * 25. tuerkis -------------------------------------------------------------------
 **/
[class*="main-minzeneu"],
[class*="main-minze"],
[class*="main-turquoise"],
[class*="main-turquiose"],
[class*="main-nitro"],
[class*="main-mintgreen"],
[class*="main-jademint"],
[class*="main-aquablue"],
[class*="main-aqua"],
[class*="main-azzuro"],
[class*="main-shock"],
[class*="main-cyan"],
[class*="main-tuerkis"] { background-color: #3f888f }/** Farbe Eintragen **/
/**
 * 26. braun -------------------------------------------------------------------
 **/
[class*="main-veil"],
[class*="main-umberbrown"],
[class*="main-sienna"],
[class*="main-brown"],
[class*="main-braun"] { background-color: #5c301c }/** Farbe Eintragen **/
/**
 * 27. beige -------------------------------------------------------------------
 **/
[class*="main-biscuit"],
[class*="main-avorio"],
[class*="main-beige"],
[class*="main-navajowhite"] { background-color: #f4dfc0 }/** Farbe Eintragen **/
/**
 * 28. magenta -------------------------------------------------------------------
 **/
[class*="main-purpurepurple"],
[class*="main-magentapink"],
[class*="main-lotus"],
[class*="main-purpur"],
[class*="main-magenta"] { background-color: #ff00ff }/** Farbe Eintragen **/
/**
 * 29. flieder -------------------------------------------------------------------
 **/
[class*="main-flieder"] { background-color: #9f97fc  }/** Farbe Eintragen **/
/**
 * 30. lila -------------------------------------------------------------------
 **/
[class*="main-rosebreeze"],
[class*="main-indigoviolet"],
[class*="main-indigoviolett"],
[class*="main-lila"] { background-color: #551A8B }/** Farbe Eintragen **/
/**
 * 31. gold -------------------------------------------------------------------
 **/
[class*="main-golden"],
[class*="main-goldenbreeze"],
[class*="main-gold"],
[class*="main-star"],
[class*="main-carbongold"],
[class*="main-chromegold"],
[class*="main-goldbrown"],
[class*="main-honor"],
[class*="main-ivory"],
[class*="main-ivorygold"],
[class*="main-nuggetgold"],
[class*="main-risingsun"] { background-color: #c68939 }/** Farbe Eintragen **/
/**
 * 32. silber -------------------------------------------------------------------
 **/
[class*="main-crystalbreeze"],
[class*="main-infinity"],
[class*="main-carbonsilber"],
[class*="main-carbonsilver"],
[class*="main-prestige"],
[class*="main-xspiegel"],
[class*="main-platinsilber"],
[class*="main-platinsilver"],
[class*="main-shinysilver"],
[class*="main-silver"],
[class*="main-silber"] { background-color: #C0C0C0 }/** Farbe Eintragen **/
/**
 * 33. rose-gold -------------------------------------------------------------------
 **/
[class*="main-coralrose"],
[class*="main-berry"],
[class*="main-sunset"],
[class*="main-seasons"],
[class*="main-rosegold"] { background-color: #b76e79 }/** Farbe Eintragen **/
/**
 * 34. kupfer -------------------------------------------------------------------
 **/
[class*="main-kupfer"],
[class*="main-copper"] { background-color: #b87333 }/** Farbe Eintragen **/
/**
 * 100. Folien -------------------------------------------------------------------
 **/
ANTIGLARE       =   matt
MIRROR          =   spiegel
TEMPEREDGLASS   =   klar / matt