@charset "utf-8";
/* CSS Document */
/* Font 
@import url(https://fonts.googleapis.com/css?family=Patua+One|Lato);*/


/* lato-300 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/lato-v24-latin-300.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-900 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/lato-v24-latin-900.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


@keyframes colorfade {
    0% {
        background-color: #fff;
    }

    100% {
        background-color: #108cc7;
    }
}

@keyframes colorfadehighlight {
    0% {
        background-color: #108cc7;
    }

    50% {
        background-color: #e2017b;
    }

    100% {
        background-color: #108cc7;
    }
}

@keyframes fillfadered {
    0% {
        fill: #fff;
    }

    50% {
        fill: red;
    }

    100% {
        fill: #fff;
    }
}


.fm_svgicon path {
    fill: #e277cd !important;
}

.g360_nav ul li a:hover {
    color: #e277cd;
}

.g360_2ndnav ul li a:hover {
    color: #e277cd;
}


/*.trainingteaser{animation-name: colorfadehighlight; animation-duration: 8s; animation-delay: 2s;animation-iteration-count: 1;}
*/
/* Font */
body {
    font-family: 'Lato', sans-serif;
}

h1,
h2,
h3 {
    font-family: 'Lato', sans-serif;
}

#g360_page {
    float: none;
    width: 100%;
}




/* Basics */
::selection {
    background: #ca0606;
    color: #111;
}

::-moz-selection {
    background: #ca0606;
    color: #111;
}

a {
    color: #e277cd;
}

a:hover {
    text-decoration: underline;
    color: #333;
}

a.download {
    background-color: #ca0606;
}

.preloader {
    color: #ca0606;
}


/* Fancy */
.shadowed {
    -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
}

.rounded {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

/* Custom colors*/

/* Basics */
.cbcwhite {
    background-color: #11111f;
    color: #fff;
}

.cbclight {
    background-color: #efefef;
}

.g360_linkbutton.cbclight {
    color: #333;
}

.cbcdark {
    background-color: #151515;
    color: #fff;
}

.cbcdark a {
    color: #fff;
}

.cbcdark2 {
    background: url(../../simtemplate/files/bg_holz.jpg) #111;
    ;
    color: #fff;
}

/* Page Hintergrund */
.cbcpagebg {
    background-color: #ECF0F1;
}

/* generelle Schmuckfarbe */
.cbcstyle {
    background-color: #e277cd;
    color: #fff;
}

.cbcstyle a {
    color: #fff;
}

/* generelle Schmuckfarbe */
.cbchighlight {
    background-color: #e2017b;
    color: #fff;
}

.cbchighlight a {
    color: #fff;
}

.cbchighlight a.g360_linkbutton:before {
    color: #fff !important;
}

/* zusatzliche */
.cbclight1 {
    background: url(../../simtemplate/files/bg_light.png) #111;
    ;
    color: #222;
}

.cbclight1 a {
    color: #333;
}

.cbclight1 .g360_linkbutton .cbcstyle a {
    color: #fff;
}

.cbclight2 {
    background: #11111f;
    ;
    color: #fff;
}

.cbclight2 a {}

.cbclight2 .g360_linkbutton .cbcstyle a {
    color: #fff;
}


/* Header */
.cbcheader {
    background-color: #11111f;
    color: #fff;
}

.cbcheader a {
    color: #fff;
}

/* Footer */
.cbcfooter {
    background: #151515;
    color: #fff;
}

.cbcfooter a {
    color: #aaa;
    display: inline-block;
}

.cbcfooter li {
    list-style-type: none;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding: .15em 0;
}

.cbcfooter .ce-menu li a:hover {
    text-decoration: none;
    color: #fff;
    content: "\f067 ";
}

.cbcfooter h3 {
    font-size: 1em;
    text-transform: uppercase;
    margin: .4em 0 .6em 0;
    position: relative;
    color: #fff;
    font-weight: 700;
}


/* Tabs */
.cbctab {
    background-color: #318B00;
    color: #fff;
}

.cbctab a {
    color: #fff;
}

/* Menue Offcanvas */
.cbcoffcanvas {
    background-color: #444;
    color: #000;
}

#g360_offcanvas a {
    color: #fff;
}

/* Menue Offcanvas Trigger*/
.cbcmenuetrigger {
    background-color: #e277cd;
    color: #fff;
}

/* Searchtrigger Trigger*/
.cbcsearchtrigger {
    background-color: #eee;
    color: #333;
}

/* Schräge (ContentSlider) */
.cbcwhite .bevel {
    background-color: #fff;
}

.cbclight .bevel {
    background-color: #efefef;
}

.cbcdark .bevel {
    background-color: #393939;
}

.cbcstyle .bevel {
    background-color: #009EE3;
}

/* Textfarben (ContentSlider) */
.finside .fthema,
.fheadline a:hover {
    color: #e277cd;
}



/* Rotating Icon */

i.big {
    width: 80px;
    height: 80px;
    font-size: 30px;
    padding: 25px 0 0 0;
    text-align: center;
    margin-bottom: 30px;
    border: 2px solid #fff;
    border-radius: 100%;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.cbcstyle ul.g360_flexbox_teaser li:hover i.big {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.3) rotate(360deg);
    -ms-transform: scale(1.3) rotate(360deg);
    -o-transform: scale(1.3) rotate(360deg);
    transform: scale(1.3) rotate(360deg);
}

/* g360_flexbox_teaser */

.cbcwhite ul.g360_flexbox_teaser li:hover {
    background: #fff;
    color: #333 !important;
}

.cbclight ul.g360_flexbox_teaser li:hover {
    background: #fff;
    color: #efefef !important;
}

.cbcstyle ul.g360_flexbox_teaser li:hover {
    background: #fff;
    color: #e277cd !important;
}

.cbcdark ul.g360_flexbox_teaser li:hover {
    background: #393939;
    color: #fff !important;
}


/*fitmachen anpassungen*/
.whatsnext {
    background-color: #555;
}

.fm_svgicon.fm_video path {
    fill: #ca0606 !important;
}

.angeboteright .trainingteaser {
    background-color: #e277cd;
    color: #fff;
}

#g360_offcanvas #ocCustominfo {
    background-color: #e277cd;
}

.fm_timetable_small ul li:before {
    color: #e277cd;
}

.fm_lightbox .fm_timetable_small h3,
.detail_overlay_content .fm_timetable_small h3 {
    background-color: #e277cd;
    color: #fff;
}

.fm_news_aside li:hover {
    background-color: #fff;
    color: #e277cd;
}

.g360_ytvideoteaser ul.g360_flexbox_teaser li a:hover {
    color: #e277cd;
}

.topnews {
    background-color: #e277cd;
}


.g360_2ndnav li i {
    color: #e277cd;
}

.g360_2ndnav ul li a:hover {
    color: #e277cd;
}

.g360_nav ul li a:hover {
    color: #e277cd;
}

.mainsearchbut:hover,
.topsearch .fa-times-circle-o:hover {
    color: #e277cd;
}

.g360_2ndnav li.toptrialbut {
    background-color: #e2017b;
}

.celement .ce-textpic ul li:before {
    color: #e277cd;
}

/* Farbdefiniton FB Stream */
.fm_facebook_more {
    background-color: #e277cd;
}


/* ################################################################################# */
/* ### Media queries ############################################################### */
/* ################################################################################# */

/* Normal Screen */
@media screen and (max-width: 1500px) {}

/* Normal Screen */
@media screen and (max-width: 1200px) {}

/* iPad, Landscape 1024x768 */
@media screen and (max-width: 1100px) {}

/* iPad, Portrait 768x1024 */
@media screen and (max-width: 800px) {}

/* iPhone, Landscape 480x320 */
@media screen and (max-width: 500px) {
    i.big {
        margin-bottom: 10px;
    }
}

/* iPhone, Portrait 320x480 */
@media screen and (max-width: 350px) {}