/* BASIC
================================================== */
.webkit-box {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -moz-box-flex: initial;
}


#home {
    height: 100vh !important;
}
#slider1 {
    height: 100vh !important;
}



/*
font-family: 'Montserrat', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Rokkitt', serif;
font-family: 'Quattrocento', serif;
font-family: 'Nothing You Could Do', cursive;
font-family: 'Pangolin', cursive;
font-family: 'Patrick Hand SC', cursive;
font-family: 'Over the Rainbow', cursive;
font-family: 'Indie Flower', cursive;
font-family: 'Shadows Into Light', cursive;
font-family: 'Permanent Marker', cursive;
font-family: 'Neucha', cursive;
font-family: 'Damion', cursive;
font-family: 'Satisfy', cursive;
font-family: 'La Belle Aurore', cursive;
font-family: 'Dawning of a New Day', cursive;
font-family: 'Homemade Apple', cursive;
font-family: 'Monoton', cursive;
font-family: 'Fredericka the Great', cursive;
font-family: 'Cabin Sketch', cursive;
font-family: 'Chelsea Market', cursive;
font-family: 'Slackey', cursive;
font-family: 'Major Mono Display', monospace;
font-family: 'Lacquer', cursive;




*/

/* font family */
.alt-font {font-family: 'Roboto Slab', sans-serif !important;}
.body-font {font-family: 'Roboto Condensed',Open Sans, Helvetica Neue,Helvetica,Arial,sans-serif;}
.font-satisfy {font-family: 'Satisfy', cursive !important;}
.font-nothing {font-family: 'Nothing You Could Do', cursive !important;}
.font-belle {font-family: 'La Belle Aurore', cursive !important;}
.font-monoton {font-family: 'Monoton', cursive !important;}
.font-fredericka {font-family: 'Fredericka the Great', cursive !important;}
.font-cabin {font-family: 'Cabin Sketch', cursive !important;}
.font-chelsea {font-family: 'Chelsea Market', cursive !important;}
.font-slackey {font-family: 'Slackey', cursive !important;}
.font-major {font-family: 'Major Mono Display', monospace !important;}
.font-lacquer {font-family: 'Lacquer', cursive !important;}

.font-slab {font-family: 'Roboto Slab', serif !important;}



.margin-auto {margin:0 auto!important;}
.block {display: block;}
.inline-block {display: inline-block;}
.fl_left {float: left !important;}
.fl_right {float: right !important;}
.fl_right-left {float: right !important;}
.fl_left-right {float: left !important;}
.fl_none {float: none !important;}
.right-left {text-align: right !important;}
.left-center {text-align: left !important;}
.center{text-align:center!important;}
.none {display: none !important;}
.left {float: left !important; }
.right {float: right !important; }

.font-x0{font-size:5.2rem !important; line-height: 1.2 !important;}
.font-x1{font-size:4.4rem !important; line-height: 1.2 !important;}
.font-x2{font-size:4rem !important; line-height: 1.2 !important;}
.font-x3{font-size:2.8rem !important; line-height: 1.2 !important;}
.font-x4 {font-size: 2rem !important; line-height: 1.2 !important;}
.font-x5 {font-size: 1.6rem !important; line-height: 1.2 !important;}
.font-x6 {font-size: 1.3rem !important; line-height: 1.2 !important;}



/* opacity */
.opacity-0{ opacity: 0.0;}
.opacity-01{ opacity: 0.1;}
.opacity-02{ opacity: 0.2;}
.opacity-03{ opacity: 0.3;}
.opacity-04{ opacity: 0.4;}
.opacity-05{ opacity: 0.5;}
.opacity-06{ opacity: 0.6;}
.opacity-07{ opacity: 0.7;}
.opacity-08{ opacity: 0.8;}
.opacity-09{ opacity: 0.9;}
.opacity-1{ opacity: 1;}

/* different text size */
.text-extra-small { font-size:10px !important; line-height:15px!important; display: inline-block !important;}
.text-small { font-size:11px !important; line-height:20px!important; display: inline-block !important}
.text-medium{ font-size:14px !important; line-height:24px !important;}
.text-large { font-size: 15px !important; line-height: 22px !important; }
.text-extra-large { font-size: 18px !important; line-height: 27px !important;  }
.title-small{ font-size:20px !important; line-height:30px !important;}
.title-medium{ font-size:24px !important; line-height:28px !important;}
.title-large{ font-size:28px !important; line-height:34px !important;}
.title-extra-large{ font-size:35px !important; line-height:37px !important;}
.title-extra-large-2{ font-size:45px !important; line-height:45px !important;}
.title-extra-large-3{ font-size:50px !important; line-height:50px !important;}
.title-extra-large-4{ font-size:70px !important; line-height:70px !important;}
.title-extra-large-5{ font-size:80px !important; line-height:50px !important;}
.title-big { font-size: 100px !important; line-height:100px !important;}
.title-big2 { font-size: 125px !important; line-height:125px !important;}
.title-big3 { font-size: 150px !important; line-height:150px !important;}


.rotate_0 {transform:rotate(0deg)!important;-moz-transform: rotate(0deg)!important;-ms-transform: rotate(0deg)!important;-o-transform: rotate(0deg)!important;-webkit-transform: rotate(0deg)!important; }
.rotate_2 {transform:rotate(-2deg)!important;-moz-transform: rotate(-2deg)!important;-ms-transform: rotate(-2deg)!important;-o-transform: rotate(-2deg)!important;-webkit-transform: rotate(-2deg)!important; }
.rotate_4 {transform:rotate(-4deg)!important;-moz-transform: rotate(-4deg)!important;-ms-transform: rotate(-4deg)!important;-o-transform: rotate(-4deg)!important;-webkit-transform: rotate(-4deg)!important; }
.rotate_7 {transform:rotate(-7deg)!important;-moz-transform: rotate(-7deg)!important;-ms-transform: rotate(-7deg)!important;-o-transform: rotate(-7deg)!important;-webkit-transform: rotate(-7deg)!important; }
.rotate_10 {transform:rotate(-10deg)!important;-moz-transform: rotate(-10deg)!important;-ms-transform: rotate(-10deg)!important;-o-transform: rotate(-10deg)!important;-webkit-transform: rotate(-10deg)!important; }


.size_05 {font-size: 5px !important;}
.size_06 {font-size: 6px !important;}
.size_07 {font-size: 7px !important;}
.size_08 {font-size: 8px !important;}
.size_09 {font-size: 9px !important;}
.size_10 {font-size: 10px !important;}
.size_11 {font-size: 11px !important;}
.size_12 {font-size: 12px !important;}
.size_13 {font-size: 13px !important;}
.size_14 {font-size: 14px !important;}
.size_15 {font-size: 15px !important;}
.size_16 {font-size: 16px !important;}
.size_18 {font-size: 18px !important;}
.size_20 {font-size: 20px !important;}
.size_21 {font-size: 21px !important;}
.size_22 {font-size: 22px !important;}
.size_24 {font-size: 24px !important;}
.size_25 {font-size: 25px !important;}
.size_26 {font-size: 26px !important;}
.size_28 {font-size: 28px !important;}
.size_30 {font-size: 30px !important;}
.size_35 {font-size: 35px !important;}
.size_38 {font-size: 38px !important;}
.size_40 {font-size: 40px !important;}
.size_50 {font-size: 50px !important;}
.size_60 {font-size: 60px !important;}
.size_70 {font-size: 70px !important;}
.size_80 {font-size: 80px !important;}
.size_90 {font-size: 90px !important;}
.size_100 {font-size: 100px !important;}

/* text color */
.dark-text { color:#424242 !important}
.white-text{ color:#FFF !important}
.magenta-text{ color:#d94378 !important}
.orange-text{ color:#F89406 !important}
.gold-text{ color:#c19059 !important}
.deep-orange-text{ color:#d66e4a !important}
.red-text{ color:#c00000 !important}
.light-red-text{ color:#ef0000 !important}
.deep-red-text{ color:#e75e50 !important}
.black-text{ color:#111 !important}
.yellow-text{ color:#fdd947 !important}
.fast-yellow-text{ color:#fdd947 !important}
.deep-red-text{ color:#b30000 !important}
.medium-gray-text{ color: #929292 !important}
.light-gray-text{ color: #ababab !important}
.light-gray-text2{ color: #c5c5c5 !important}
.deep-gray-text { color: #404040 !important; }
.deep-light-gray-text { color: #878787 !important; }
.gray-text {  color:#626262 !important}
.dark-gray-text { color:#373737 !important}
.brown-text {color: #614c45 !important}
.deep-yellow-text {color: #c8a64b !important}
.dark-blue-text {color: #1e2126 !important}
.fast-pink-text { color:#ff1a56 !important}
.fast-pink-text-dark { color:#ef106e !important}
.transparent-white-text{ color: rgba(255,255,255,.7) !important}
.transparent-black-text{ color: rgba(0,0,0,.5) !important}
.transparent-blue-text{ color: rgba(84,143,200,.5) !important}
.transparent-green-text{ color: rgba(0,255,151,.5) !important}
.fast-green-text{ color: #85eea5 !important}
.crimson-red-text { color: #e31d3b !important}
.deep-green-text { color: #1acd7b !important; }
.deep-green-dark2-text{color: #6ad5a7 !important;}
.blue-text { color: #10253F !important; }
.deep-blue-text { color: #2283d4 !important; }
.turquoise-blue-text {color: #85d4c0 !important;}
.deep-pink-dark-text { color:#e15276 !important}
a.light-gray-text:hover { color: #7f7f7f !important}

/* text color */
.text-black{ color:#000 !important;}
.text-white{ color:#FFF !important;}
.text-light{ color:#dedede !important;}
.text-gold {color:#ecc56b!important;}
.text-light-gold {color:#e1c37f!important;}
.text-dark-gold {color:#ad933c!important;}
.text-red {color: #ad0722!important;}
.text-dark-red {color: #DF1010!important;}
.text-orange {color: #FF6600!important;}
.text-dark-gray {color: #444444!important;}

/* text-style */
.textstyle-1 {color: rgba(255,255,255,1) !important; text-shadow: 1px 1px 2px #666 !important;}
.textstyle-2 {color: #222;text-shadow: 0px 2px 3px #555;} 
.textstyle-3 {color: #121212;letter-spacing: 2px;text-shadow: 0 2px 1px #747474, -1px 3px 1px #767676, -2px 5px 1px #787878, -3px 7px 1px #7a7a7a,-4px 9px 1px #7f7f7f,-5px 11px 1px #838383,-6px 13px 1px #878787,-7px 15px 1px #8a8a8a, -0px 0px 1px #8e8e8e,-0px 0px 1px #949494,-0px 0px 1px #989898,-0px 0px 1px #9f9f9f,-0px 0px 1px #a2a2a2, -0px 0px 1px #a7a7a7,-0px 0px 1px #adadad,-0px 0px 1px #b3b3b3,-0px 0px 1px #b6b6b6,-0px 0px 1px #bcbcbc, -0px 0px 1px #c2c2c2,-0px 0px 1px #c8c8c8,-0px 0px 1px #cbcbcb,-0px 0px 1px #d2d2d2,-0px 0px 1px #d5d5d5, -0px 0px 1px #e2e2e2,-0px 0px 1px #e6e6e6,-0px 0px 1px #eaeaea,-0px 0px 1px #efefef;}
.textstyle-4 {color: #474747;text-shadow: 20px 10px 0px #ff99cc,-15px -6px 0px #64a5b7;}
.textstyle-5 {color: #000;font-weight: bold;background: rgba(255, 253, 160, 1);background: -webkit-linear-gradient( left, #00ffff 0%, #97fba0 25%, #97b1fb 50%, #00ffff 100%) repeat;-webkit-background-clip: text;-ms-background-clip: text;-moz-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;-ms-text-fill-color: transparent;-moz-text-fill-color: transparent;text-fill-color: transparent;-webkit-animation-name: masked-animation;-webkit-animation-duration: 50s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}@-webkit-keyframes masked-animation {0% {background-position: 0 0;}100% {background-position: -8000px -3000px;}}
.textstyle-6 {font-weight: 400;background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.textstyle-gradient-pink { background-image:linear-gradient(to right, #ee2281, #ee4d6d); color:rgba(0, 0, 0, 0); -webkit-background-clip:text; background-clip:text; position:relative; }
.textstyle-gradient-blue { background-image:linear-gradient(to right, #009cf3, #16d6d9); color:rgba(0, 0, 0, 0); -webkit-background-clip:text; background-clip:text; position:relative; }
.textstyle-gradient-green { background-image:linear-gradient(to right, #16d6d9, #96cc29); color:rgba(0, 0, 0, 0); -webkit-background-clip:text; background-clip:text; position:relative; }
.textstyle-gradient-orange { background-image:linear-gradient(to right, #ffbf02, #ed0082); color:rgba(0, 0, 0, 0); -webkit-background-clip:text; background-clip:text; position:relative; }
.textstyle-gradient-purple { background-image:linear-gradient(to right, #57006b, #bf5e8d); color:rgba(0, 0, 0, 0); -webkit-background-clip:text; background-clip:text; position:relative; }
.textstyle-neon-01 {color: #121212;text-shadow:0 0 5px #121212,0 0 10px #121212,0 0 20px #121212,0 0 40px #0ff,0 0 80px #0ff,0 0 90px #0ff,0 0 100px #0ff,0 0 150px #0ff;}
.textstyle-neon-02 {color: yellow;-webkit-animation: glow 1s ease-in-out infinite alternate;-moz-animation: glow 1s ease-in-out infinite alternate;animation: glow 1s ease-in-out infinite alternate;}

.text-gruenweiss { color: #1acd7b !important; }



.hover-up {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.hover-up:hover {-webkit-box-shadow: 0px 15px 30px 0px rgba(18, 20, 23, 0.2);-moz-box-shadow: 0px 15px 30px 0px rgba(18, 20, 23, 0.2);-ms-box-shadow: 0px 15px 30px 0px rgba(18, 20, 23, 0.2);box-shadow: 0px 15px 30px 0px rgba(18, 20, 23, 0.2);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}


/* letter spacing */
.no-letter-spacing { letter-spacing: 0px !important}
.letter-spacing-1 { letter-spacing:1px !important}
.letter-spacing-2 { letter-spacing:2px !important}
.letter-spacing-3 { letter-spacing:3px !important}
.letter-spacing-4 { letter-spacing:4px !important}
.letter-spacing-5 { letter-spacing:5px !important}
.letter-spacing-6 { letter-spacing:6px !important}
.letter-spacing-7 { letter-spacing:7px !important}
.letter-spacing-8 { letter-spacing:8px !important}
.letter-spacing-9 { letter-spacing:9px !important}
.letter-spacing-10 { letter-spacing:10px !important}

/* font weight */
.font-weight-100 { font-weight:100 !important}
.font-weight-400 { font-weight:400 !important}
.font-weight-600 { font-weight:600 !important}
.font-weight-700 { font-weight:700 !important}
.font-weight-800 { font-weight:800 !important}
.bold{font-weight:bold!important;}
.bold_normal{font-weight:normal!important;}
.bold_light{font-weight:lighter!important;}
.bold_100{font-weight:100!important;}
.bold_200{font-weight:200!important;}
.bold_300{font-weight:300!important;}
.bold_400{font-weight:400!important;}
.bold_500{font-weight:500!important;}
.bold_600{font-weight:600!important;}
.bold_700{font-weight:700!important;}
.bold_800{font-weight:800!important;}
.bold_900{font-weight:900!important;}

/* text property */
.text-transform-unset { text-transform:unset !important}
.text-decoration-underline { text-decoration:underline !important; }
.text-decoration-line-through {text-decoration:line-through !important;}
.word-wrap { word-wrap: break-word}
.text-transform-none {text-transform:none !important}
.line-height-unset {line-height: unset !important}
.line-height-none {line-height: 0 !important}
.title-line-through {padding: 0 15px}
.lowercase {text-transform: lowercase!important;}
.uppercase{text-transform:uppercase;}
.italic {font-style: italic;}

.text-left {text-align: left!important;}
.text-right{text-align:right!important;}
.text-center{text-align:center!important;}
.text-center{text-align:center!important;}
.text-justify{text-align:justify!important;}

/* line height */
.line-height-18 {line-height: 18px !important}
.line-height-20 {line-height: 20px !important}

/* typography */
.first-letter{color: #000; float: left; font-size: 50px; left: 0; line-height: 1; margin: 0 20px 10px 0; position: relative; top: 4px;}
.first-letter-block { background-color: #000; color: #fff; font-weight: 600; padding: 10px;}
.first-letter-block-round { border: 3px solid #000; border-radius: 5px; font-size: 35px; font-weight: 600; padding: 8px 10px;}
.first-letter-light {background: #888888 none repeat scroll 0 0; border-radius: 5px; color: #fff; font-size: 45px; font-weight: 600; padding: 10px 12px;}
.first-letter-highlight { border-bottom: 2px solid #c7c7c7; color: #e6af2a; font-size: 45px; line-height: 60px; margin: 0 20px;}
.first-letter-round {background-color: #e6af2a; border-radius: 50%; color: #fff; font-size: 30px; padding: 15px;}

/* ===================================
    Background color
====================================== */

.bg-white{ background: #fff !important;}
.bg-white-gradient{ 
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%);}
.bg-white-transparent{ background: rgba(255,255,255,.3) !important}
.bg-black{ background: #000000 !important; }
.bg-black-transparent{ background: rgba(0,0,0,.3) !important}
.bg-transparent { background:transparent !important}s
.bg-gray { background-color: #f6f6f6 !important;}
.bg-yellow{ background: #f5cf16 !important; }
.bg-gold{ background: #ffd800 !important; }
.bg-orange { background:#FF6A00 !important;}
.bg-light-green { background: #5f9d33 !important;}
.bg-blue { background:#10253F !important;}
.bg-light-blue { background:#0288d1 !important;}
.bg-deep-blue2 {background:#014087 !important; }
.bg-deep-blue3 {background:#002c5d !important; }
.bg-dark-blue { background:#1e2126 !important;}
.bg-crimson-red { background: #e31d3b !important;}
.bg-crimson-red-gradient {
background: #e52d27 !important;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #b31217, #e52d27) !important;  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #b31217, #e52d27) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}


.bg-gradient-black-transparent-top-bottom {
background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=0 );
}
.bg-gradient-white-transparent-top-bottom {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.bg-gradient-white-transparent-left {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.77) 47%, rgba(255,255,255,0.5) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(255,255,255,0.77)), color-stop(100%, rgba(255,255,255,0.5)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.77) 47%, rgba(255,255,255,0.5) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.77) 47%, rgba(255,255,255,0.5) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.77) 47%, rgba(255,255,255,0.5) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.77) 47%, rgba(255,255,255,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.box-shadow-1 {box-shadow: 1px 0px 8px #888;}

/* section height  */
.one-fourth-screen {min-height: 800px}

/* scroll down */
.scroll-down{ 
	bottom: 30%; 
	position: absolute; 
	text-align: center; 
	/*width: 100%; */
	/*z-index: 10;*/
}
.scroll-down a i { background: #fff; border-radius: 2px; font-size: 17px; padding: 2px 6px; color: #000; }
.scroll-down a i:hover { background:#000; color: #fff  }

.scroll-down-light{ bottom: 50px; position: absolute; text-align: center; width: 100%; z-index: 10}
.scroll-down-light a i { font-size: 35px; padding: 2px 6px; color: rgba(255,255,255,.4); }
.scroll-down-light a i:hover { color: #fff }

/* scroll top */
.scrollToTop { display: none; font-weight: bold; height: auto; padding: 0; position: fixed; right: 35px; text-align: center; text-decoration: none; top: 94%; width: auto; background-color: #c00000; z-index: 555; border-radius:2px; }
.scrollToTop i { font-size: 18px; margin: 0 6px; color: #fff; }
.scrollToTop:hover { opacity: 0.5; }
.scrollToTop:hover i { position: relative; }

/* ===================================
    Background image
====================================== */

.parallax-fix{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; background-attachment: fixed !important }
.fix-background{ position: relative;  background-size: cover !important; -webkit-animation-duration: 0s;  -webkit-animation-fill-mode: none; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; background-attachment: fixed !important}
.cover-background{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center !important; background-repeat: no-repeat !important;}
.background-size-inherit {background-size: inherit !important}
.background-attachment-inherit {background-attachment: inherit !important}
.background-position-left {background-position: left center !important;}
.background-position-right {background-position: right center !important;}
.background-position-top {background-position: center top !important;}
.background-position-center {background-position: center center !important;}


/*-------------------------------------------------------*/
/* Spacings
/*-------------------------------------------------------*/
.nomargin {
  margin: 0 !important; }

.nopadding {padding: 0 !important;}
.mt_10 {margin-top: -10px !important;}
.mt_20 {margin-top: -20px !important;}
.mt_30 {margin-top: -30px !important;}
.mt_40 {margin-top: -40px !important;}
.mt_50 {margin-top: -50px !important;}
.mt_60 {margin-top: -60px !important;}
.mt_70 {margin-top: -70px !important;}
.mt_80 {margin-top: -80px !important;}
.mt_90 {margin-top: -90px !important;}
.mt_100 {margin-top: -100px !important;}
.mt-0 {margin-top: 0 !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-90 {margin-top: 90px !important;}
.mt-100 {margin-top: 100px !important;}
.mt-110 {margin-top: 110px !important;}
.mt-120 {margin-top: 120px !important;}
.mt-130 {margin-top: 130px !important;}
.mt-140 {margin-top: 140px !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-90 {margin-bottom: 90px !important;}
.mb-100 {margin-bottom: 100px !important;}
.mb-110 {margin-bottom: 110px !important;}
.mb-120 {margin-bottom: 120px !important;}
.mb-130 {margin-bottom: 130px !important;}
.mb-140 {margin-bottom: 140px !important;}
.pt-0 {padding-top: 0px !important;}
.pt-2 {padding-top: 2px !important;}
.pt-4 {padding-top: 4px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-50 {padding-top: 50px !important;}
.pt-60 {padding-top: 60px !important;}
.pt-70 {padding-top: 70px !important;}
.pt-80 {padding-top: 80px !important;}
.pt-90 {padding-top: 90px !important;}
.pt-100 {padding-top: 100px !important;}
.pt-110 {padding-top: 110px !important;}
.pt-120 {padding-top: 120px !important;}
.pt-130 {padding-top: 130px !important;}
.pt-140 {padding-top: 140px !important;}
.pt-150 {padding-top: 150px !important;}
.pt-160 {padding-top: 160px !important;}
.pt-170 {padding-top: 170px !important;}
.pt-180 {padding-top: 180px !important;}
.pt-190 {padding-top: 190px !important;}
.pt-200 {padding-top: 200px !important;}
.pb-0 {padding-bottom: 0px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-50 {padding-bottom: 50px !important;}
.pb-60 {padding-bottom: 60px !important;}
.pb-70 {padding-bottom: 70px !important;}
.pb-80 {padding-bottom: 80px !important;}
.pb-90 {padding-bottom: 90px !important;}
.pb-100 {padding-bottom: 100px !important;}
.pb-110 {padding-bottom: 110px !important;}
.pb-120 {padding-bottom: 120px !important;}
.pb-130 {padding-bottom: 130px !important;}
.pb-140 {padding-bottom: 140px !important;}
.pb-150 {padding-bottom: 150px !important;}
.pb-160 {padding-bottom: 160px !important;}
.pb-170 {padding-bottom: 170px !important;}
.pb-180 {padding-bottom: 180px !important;}
.pb-190 {padding-bottom: 190px !important;}
.pb-200 {padding-bottom: 200px !important;}

/* height */
.height { display: inline-block; position: relative; height: 90%; }
.height-20 { height:20% !important;}
.height-30 { height:30% !important;}
.height-40 { height:40% !important;}
.height-50 { height:50% !important;}
.height-60 { height:60% !important;}
.height-70 { height:70% !important;}
.height-80 { height:80% !important;}
.height-90 { height:90% !important;}
.height-100 { height:100% !important;}
.height-198px { height:198px !important;}

/* width */
.width { display: inline-block; position: relative; width: 90%; }
.width-auto { width: auto !important}

.width_2 {width: 2% !important;}
.width_5 {width: 5% !important;}
.width_10 {width: 10% !important;}
.width_12 {width: 12% !important;}
.width_15 {width: 15% !important;}
.width_16 {width: 16.666% !important;}
.width_20 {width: 20% !important;}
.width_25 {width: 25% !important;}
.width_30 {width: 30% !important;}
.width_32 {width: 32% !important;}
.width_33 {width: 33.3333333% !important;}
.width_35 {width: 35% !important;}
.width_40 {width: 40% !important;}
.width_45 {width: 45% !important;}
.width_48 {width: 48% !important;}
.width_49 {width: 49% !important;}
.width_50 {width: 50% !important;}
.width_55 {width: 55% !important;}
.width_60 {width: 60% !important;}
.width_65 {width: 65% !important;}
.width_70 {width: 70% !important;}
.width_75 {width: 75% !important;}
.width_78 {width: 78% !important;}
.width_80 {width: 80% !important;}
.width_85 {width: 85% !important;}
.width_88 {width: 88% !important;}
.width_90 {width: 90% !important;}
.width_95 {width: 95% !important;}
.width_100 {width: 100% !important;}
.width_200 {width: 200% !important;}
.width_20px {width: 20px !important;}
.width_30px {width: 30px !important;}
.width_40px {width: 40px !important;}
.width_50px {width: 50px !important;}
.width_60px {width: 60px !important;}
.width_70px {width: 70px !important;}
.width_80px {width: 80px !important;}
.width_90px {width: 90px !important;}
.width_100px {width: 100px !important;}
.width_150px {width: 150px !important;}
.width_200px {width: 200px !important;}
.width_300px {width: 300px !important;}
.width_350px {width: 350px !important;}
.width_400px {width: 400px !important;}

.z-index_10 {z-index: 10 !important;}
.z-index_20 {z-index: 20 !important;}
.z-index_30 {z-index: 30 !important;}
.z-index_40 {z-index: 40 !important;}
.z-index_50 {z-index: 50 !important;}
.z-index_60 {z-index: 60 !important;}
.z-index_70 {z-index: 70 !important;}
.z-index_80 {z-index: 80 !important;}
.z-index_90 {z-index: 90 !important;}
.z-index_100 {z-index: 100 !important;}
.z-index_200 {z-index: 200 !important;}
.z-index_300 {z-index: 300 !important;}
.z-index_400 {z-index: 400 !important;}
.z-index_500 {z-index: 500 !important;}



.display-440 {display: block !important;}
/*.display-440-none {}*/
.display-600 {display: block !important;}
/*.display-600-none {}*/
.display-767 {display: block !important;}
/*.display-767-none {}*/
.display-991 {display: block !important;}
/*.display-991-none {}*/
.display-1080 {display: block !important;}
/*.display-1080-none {}*/




/* COOKIES */
#cookiedingsbums .btn.btn-sm.btn-stroke {
    margin: 10px 10px 10px 0px;
}
#cookiedingsbums a {color:#888; text-decoration:none;}
#cookiedingsbums a:hover {text-decoration:underline;}
#cookiedingsbums div {padding:10px;display: initial;}
#cookiedingsbums { 
   outline: 1px solid #E3E3E3; 
   text-align:right; 
   /*border-top:1px solid #fff;*/
   background: rgba(255,255,255,0.7); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:14px; 
   line-height:16px;}

#cookiedingsbumsCloser {
   color: #777;
   font: 14px;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}


/* Blink me*/
@-moz-keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
@-webkit-keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
@keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
.blink_me {  
    text-decoration: none;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: blinker;
    animation-timing-function: linear;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: blinker;
    animation-timing-function: linear;
}


/* NEON BLINK LETTERS / WORDS */
#neon_blink_text, #shadow {position: absolute;margin: 0;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 7em;letter-spacing: 20px;font-family: Bad Script;color: #fff;}
#neon_blink_text {color: #333;}
#shadow {text-shadow: 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;}
#neon_blink_glow {animation: neon1 linear infinite 2s;will-change: opacity;}
#neon_blink {animation: blink linear infinite 2s;}@keyframes neon1 {20% {opacity: 1;}80% {opacity: 0.6;}}@keyframes blink {70% {opacity: 1;}79% {opacity: 0;}81% {opacity: 1;}82% {opacity: 0;}83% {opacity: 1;}92% {opacity: 0;}92.5% {opacity: 1;}}






/* NEON LETTERS / WORDS */
#container-werbtechnik-letters {/*padding: 0 10%;  */margin: auto;}
/*#container-werbtechnik-letters p {margin: 20px 0 20px 3%; width: 30%; float: left;}*/
#container-werbtechnik-letters a {text-decoration: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#container-werbtechnik-letters p:nth-child(1) a {color: #fff; -webkit-animation: neon1 1.5s ease-in-out infinite alternate; -moz-animation: neon1 1.5s ease-in-out infinite alternate; animation: neon1 1.5s ease-in-out infinite alternate;}
#container-werbtechnik-letters p:nth-child(1) a:hover { color: #FF1177; -webkit-animation: none; -moz-animation: none; animation: none;}
#container-werbtechnik-letters p:nth-child(2) a {color: #228DFF;}
#container-werbtechnik-letters p:nth-child(2) a:hover { -webkit-animation: neon2 1.5s ease-in-out infinite alternate; -moz-animation: neon2 1.5s ease-in-out infinite alternate;  animation: neon2 1.5s ease-in-out infinite alternate;}
#container-werbtechnik-letters p:nth-child(3) a {color: #FFDD1B;}
#container-werbtechnik-letters p:nth-child(3) a:hover { -webkit-animation: neon3 1.5s ease-in-out infinite alternate; -moz-animation: neon3 1.5s ease-in-out infinite alternate;  animation: neon3 1.5s ease-in-out infinite alternate;}
#container-werbtechnik-letters p:nth-child(4) a {color: #B6FF00;}
#container-werbtechnik-letters p:nth-child(4) a:hover { -webkit-animation: neon4 1.5s ease-in-out infinite alternate; -moz-animation: neon4 1.5s ease-in-out infinite alternate; animation: neon4 1.5s ease-in-out infinite alternate;}
#container-werbtechnik-letters p:nth-child(5) a {color: #FF9900;}
#container-werbtechnik-letters p:nth-child(5) a:hover { -webkit-animation: neon5 1.5s ease-in-out infinite alternate; -moz-animation: neon5 1.5s ease-in-out infinite alternate; animation: neon5 1.5s ease-in-out infinite alternate;}
#container-werbtechnik-letters p:nth-child(6) a {color: #BA01FF;}
#container-werbtechnik-letters p:nth-child(6) a:hover {-webkit-animation: neon6 1.5s ease-in-out infinite alternate;-moz-animation: neon6 1.5s ease-in-out infinite alternate;animation: neon6 1.5s ease-in-out infinite alternate;}
#container-werbtechnik-letters p a:hover {color: #ffffff;}
/*glow for webkit*/
@-webkit-keyframes neon1 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;}}
@-webkit-keyframes neon2 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;}}
@-webkit-keyframes neon3 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;}}
@-webkit-keyframes neon4 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00;}}
@-webkit-keyframes neon5 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF9900, 0 0 70px #FF9900, 0 0 80px #FF9900, 0 0 100px #FF9900, 0 0 150px #FF9900;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF9900, 0 0 35px #FF9900, 0 0 40px #FF9900, 0 0 50px #FF9900, 0 0 75px #FF9900;}}
@-webkit-keyframes neon6 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;}}
/*glow for mozilla*/
@-moz-keyframes neon1 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;}}
@-moz-keyframes neon2 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;}}
@-moz-keyframes neon3 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;}}
@-moz-keyframes neon4 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00;}}
@-moz-keyframes neon5 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF9900, 0 0 70px #FF9900, 0 0 80px #FF9900, 0 0 100px #FF9900, 0 0 150px #FF9900;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF9900, 0 0 35px #FF9900, 0 0 40px #FF9900, 0 0 50px #FF9900, 0 0 75px #FF9900;}}
@-moz-keyframes neon6 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;}}
/*glow*/
@keyframes neon1 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;}}
@keyframes neon2 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;}}
@keyframes neon3 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B;}}
@keyframes neon4 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00;}}
@keyframes neon5 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF9900, 0 0 70px #FF9900, 0 0 80px #FF9900, 0 0 100px #FF9900, 0 0 150px #FF9900;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF9900, 0 0 35px #FF9900, 0 0 40px #FF9900, 0 0 50px #FF9900, 0 0 75px #FF9900;}}
@keyframes neon6 {from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;}to {text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de;}}
/*REEEEEEEEEEESPONSIVE*/
@media (max-width: 650px) {
  #container-werbtechnik-letters {width: 100%;}
  #container-werbtechnik-letters p {font-size: 3.5em;}
}



/* GENERAL
================================================== */

.bg-none {background-color: rgba(0,0,0,0.0)}
.bg-black-opacity {background-color: rgba(0,0,0,0.8)}
.bg-black {background-color: #000000; }
.bg-dark {background-color: #171717; }
.bg-darkblue {background-color: #152332; }
.bg-light {background-color: #f7f7f7; }
.bg-light-blue {background-color: #f9fbfc; }
.bg-white-opacity {background-color: rgba(255,255,255,0.8)}
.bg-white {background-color: rgba(0,0,0,0.6); }
.bg-color {background-color: #ad0722; }

.bg-black-gray {
background: #000000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #434343, #000000);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #434343, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }
.bg-gold-gradient {
background: radial-gradient(ellipse farthest-corner at right bottom, #8A6E2F 0%, #8A6E2F 8%, #8A6E2F 30%, #8A6E2F 40%, transparent 80%),
            radial-gradient(ellipse farthest-corner at left top, #D1B464 0%, #D1B464 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}
.bg-gold-gradient-2 {
background:linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
}
.bg-blue-gradient {
background: #031D50;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4e4376, #031D50);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #4e4376, #031D50); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-red-gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}





.bold{font-weight:bold!important;}
.bold_normal{font-weight:normal!important;}
.bold_light{font-weight:lighter!important;}
.bold_100{font-weight:100!important;}
.bold_300{font-weight:300!important;}
.bold_500{font-weight:500!important;}
.bold_600{font-weight:600!important;}
.bold_800{font-weight:800!important;}

.inline-block {display: inline-block;}
.block {display: block;}
.center {text-align: center;}
.inherit {text-transform: inherit;}
.italic {font-style: italic;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.margin-auto {margin: 0 auto;}
.fl_left {float: left !important;}
.fl_right {float: right !important;}
.left {text-align: left!important;}
.right{text-align:right!important;}

.letter-spacing-slider {letter-spacing: 4px;}



.display-440 {display: none!important;}
.display-440-none {}
.display-767 {display: none!important;}
.display-767-none {}
.display-991 {display: none!important;}
.display-991-none {}

.opacity-02 {opacity: 0.2;}
.opacity-05 {opacity: 0.5;}
.opacity-08 {opacity: 0.8;}

.overlay::after{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:""; z-index:-1;}
.overlay{position:relative; z-index:1;}
.overlay.dark, .overlay.black{color:#FFFFFF;}
.overlay.dark::after{background-color:rgba(0,0,0,0.65);}
.overlay.light::after{background-color:rgba(255,255,255,0.65);}
.overlay.light_08::after{background-color:rgba(255,255,255,0.8);}

.overlay.black_01::after{background-color:rgba(0, 0, 0, 0.1);}
.overlay.black_02::after{background-color:rgba(0, 0, 0, 0.2);}
.overlay.black_03::after{background-color:rgba(0, 0, 0, 0.3);}
.overlay.black_04::after{background-color:rgba(0, 0, 0, 0.4);}
.overlay.black_05::after{background-color:rgba(0, 0, 0, 0.5);}
.overlay.black_06::after{background-color:rgba(0, 0, 0, 0.6);}
.overlay.black_07::after{background-color:rgba(0, 0, 0, 0.7);}
.overlay.black_08::after{background-color:rgba(0, 0, 0, 0.8);}
.overlay.black_09::after{background-color:rgba(0, 0, 0, 0.9);}
.overlay.red_05::after{background-color:rgba(255, 0, 0, 0.5);}

.rotate_0 {transform:rotate(0deg)!important;-moz-transform: rotate(0deg)!important;-ms-transform: rotate(0deg)!important;-o-transform: rotate(0deg)!important;-webkit-transform: rotate(0deg)!important; }
.rotate_4 {transform:rotate(-4deg)!important;-moz-transform: rotate(-4deg)!important;-ms-transform: rotate(-4deg)!important;-o-transform: rotate(-4deg)!important;-webkit-transform: rotate(-4deg)!important; }
.rotate_7 {transform:rotate(-7deg)!important;-moz-transform: rotate(-7deg)!important;-ms-transform: rotate(-7deg)!important;-o-transform: rotate(-7deg)!important;-webkit-transform: rotate(-7deg)!important; }
.rotate_10 {transform:rotate(-10deg)!important;-moz-transform: rotate(-10deg)!important;-ms-transform: rotate(-10deg)!important;-o-transform: rotate(-10deg)!important;-webkit-transform: rotate(-10deg)!important; }




.width_2 {width: 2% !important;}
.width_5 {width: 5% !important;}
.width_10 {width: 10% !important;}
.width_12 {width: 12% !important;}
.width_15 {width: 15% !important;}
.width_16 {width: 16.666% !important;}
.width_20 {width: 20% !important;}
.width_25 {width: 25% !important;}
.width_30 {width: 30% !important;}
.width_32 {width: 32% !important;}
.width_33 {width: 33.3333333% !important;}
.width_35 {width: 35% !important;}
.width_40 {width: 40% !important;}
.width_45 {width: 45% !important;}
.width_48 {width: 48% !important;}
.width_49 {width: 49% !important;}
.width_50 {width: 50% !important;}
.width_55 {width: 55% !important;}
.width_60 {width: 60% !important;}
.width_65 {width: 65% !important;}
.width_70 {width: 70% !important;}
.width_75 {width: 75% !important;}
.width_78 {width: 78% !important;}
.width_80 {width: 80% !important;}
.width_85 {width: 85% !important;}
.width_88 {width: 88% !important;}
.width_90 {width: 90% !important;}
.width_95 {width: 95% !important;}
.width_100 {width: 100% !important;}
.width_200 {width: 200% !important;}
.width_50px {width: 50px !important;}
.width_100px {width: 100px !important;}
.width_150px {width: 150px !important;}
.width_200px {width: 200px !important;}


/* Blink me*/
@-moz-keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
@-webkit-keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
@keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
.blink_me {  
    text-decoration: none;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: blinker;
    animation-timing-function: linear;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: blinker;
    animation-timing-function: linear;
}









/* CUSTOM
================================================== */


.bg-pos-center {background-position: center !important;}
.bg-pos-center-right {background-position: center right !important;}
.bg-pos-center-left {background-position: center left !important;}
.bg-pos-top {background-position: top !important;}
.bg-pos-top-right {background-position: top right !important;}
.bg-pos-top-left {background-position: top left !important;}
.bg-pos-bottom {background-position: bottom !important;}
.bg-pos-bottom-right {background-position: bottom right !important;}
.bg-pos-bottom-left {background-position: bottom left !important;}

#home {
    height: 100vh !important;
}
#slider1 {
    height: 100vh !important;
}


.bg-slider {
  height: 100% !important;
  height: 100vh !important;
  background: #111;
    background-image: url(../img/_loader/loader-01.gif);
    background-position: center;
    background-repeat: no-repeat;
}
}
.bg-body {
	background: url(../img/backgrounds/img-body.jpg);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-body-black {
	background: url(../img/backgrounds/img-body-black.jpg) rgba(0,0,0,1);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-news {
	background: url(../img/backgrounds/img-006.jpg);
	background-position: left top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-results {
	background: url(../img/backgrounds/img-008.jpg);
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-motm {
	background: url(../img/backgrounds/img-005.jpg);
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-herren {
	background: url(../img/backgrounds/img-014.jpg);
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-senioren {
	background: url(../img/backgrounds/img-015.jpg);
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-fans {
	background: url(../img/backgrounds/img-016.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-gruendung {
	background-image: url(../img/backgrounds-1000/img-003.png);
	background-size: cover;
	background-position: right;
}
.bg-erfolge {
	background: url(../img/backgrounds/img-008.jpg);
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-erfolge-pokal {
	background: url(../img/backgrounds/img-019.jpg);
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-records {
	background: url(../img/backgrounds/img-020.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-facebook {
	background: url(../img/backgrounds/img-010.jpg);
	background-position: bottom right;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-hob {
	background: url(../img/backgrounds/img-011.jpg);
	background-position: bottom right;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-12mann {
	background: url(../img/backgrounds/img-013.jpg);
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-testgame {
	background: url(../img/backgrounds/img-003.jpg);
	background-position: left center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-downloads {
	background: url(../img/backgrounds/img-021.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-gallery {
	background: url(../img/backgrounds/img-022.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-biberwand {
	background: url(../img/backgrounds/img-017.jpg);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-counter-inteam {
	background: url(../img/backgrounds/img-012.jpg);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-counter-bierherz {
	background: url(../img/backgrounds/img-032.jpg);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-counter-gruendung {
	background: url(../img/backgrounds/img-031.jpg);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-biberewig {
	background: url(../img/backgrounds/img-007.jpg);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-bibercup {
	background: url(../img/backgrounds/img-023.jpg);
	background-position: center right;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-bibercup-dark {
	background: url(../img/backgrounds/img-025.jpg);
	background-position: center right;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-dark-gras {
	background: url(../img/backgrounds/img-033.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bcup-bg {
  background: none repeat scroll 0 0 #334D80;
}
.bg-bc-sign {
	background: url(../img/backgrounds/img-027.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-bc-charity {
	background: url(../img/backgrounds/img-028.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-bc-charity-2 {
	background: url(../img/backgrounds/img-030.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-biberherz {
	background: url(../img/backgrounds/img-029.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-probetraining {
	background: url(../img/backgrounds/img-004.jpg);
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-bc16 {
	background: url(../img/backgrounds/img-024.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-bc17 {
	background: url(../img/backgrounds/img-028.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-footer {
  	background-image: url(../img/banner/banner-001.jpg); 
  	background-size: cover;
}
.bg-404 {
	background: url(../img/backgrounds/img-002.jpg);
	background-position: center top;
	/*background-size: contain;*/
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.news-box {}
.news-pic {
    width: 30%;
    float: left;
    margin: 0 20px 0px 0px;
}
.sponsoren-pic {
    width: auto;
    float: left;
    margin: 0 20px 0px 0px;
}
.matchcenter-box {}
.work-experience-item {
	width: 100%;
    float: left;
    margin-bottom: 40px;}
.work-experience-item h4 {margin-bottom: 0px;}
.teaser-box {
    background: #000;
}
.teaser-box img{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}
.teaser-box img:hover {
  opacity: 0.5;
}
.partner-group {
	margin-top: 80px;
	padding-bottom: 40px;
}
.section-wrap-lg {padding: 80px 0;}
.panel-body.panel-results {padding: 10px 10px 0px !important;}
.panel {background-color: rgba(0,0,0,0.4);}

/*MATCH CENTER*/
.mc_match {
	color: #ececec !important;
    float: left;
    line-height: 50px;
    text-align: center;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px dotted #474747;
}
.mc_logo {
	width: 8%;
	float: left;
}
.mc_logo img{width: 50px;}
.mc_name {
	width: 37%;
	float: left;
	font-size: 18px;
}
.mc_result {
    float: left;
    font-size: 30px;
    width: 10%;
    font-weight: 600;
}

/*MAN OF THE MATCH*/
.motm_player_box {
    float: left;
    font-size: 14px;
    letter-spacing: 0.5px;
    width: 100%;
    padding: 2px 0 5px 0;
	border-bottom: 1px dotted #D8D8D8;
	margin: 0 0 5px 0;
}
.motm_player_box img {
    float: left;
    width: 5%;
}
.motm_player_fact {
    float: left;
    padding: 0 10px;
    width: 95%;
    line-height: 20px;
}
.motm_player_team {
    color: #202020;
    float: left;
    font-weight: bold;
    height: 20px;
    margin: 0 10px 0 0;
}
.motm_player_name {
    color: #404040;
    float: left;
    font-weight: 500;
    height: 20px;
}
.motm_player_pos {
    float: right;
    height: 20px;
}
.motm_player_win {
    float: left;
    width: 100%;
}
.motm_player_win > img {
    width: 9%;
}

/*SPIELER STATISTIK*/
.player-table {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.statistik_headline {
    padding: 0 0 0 5px;
}
.statistik_headline li {
  width: 100%;
    color: #888;
    float: left;
    font-size: 10px;
    text-align: center;
}
.statistik_player {
  width: 100%;
    color: #202020;
    font-size: 12px;
    text-align: center;
    margin: 0;
    padding: 0 0 0 5px;
}
.statistik_player:nth-of-type(2n) {background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;}
.statistik_player li{float: left;}
.statistik_cards {box-shadow: 0 0 2px #888;}

/*LOGO HISORY*/
.logo-history {width: 150px;margin-bottom: 20px;}


/*ERFOLGE*/
.trophy_pic_box {
	display: inline-block;
	margin-bottom: 40px;
}
.trophy_pic {
    color: #cccccc;
    float: left;
    font-size: 14px;
    height: 220px;
    line-height: 1.2;
    margin: 40px 0 30px;
    text-align: center;
    width: 20%;
}
.trophy_pic > img {
    margin: 0 auto 10px;
    display: block;
}
.trophy_pic > span {
    margin-bottom: 20px;
}
.erfolge_tabelle {
    float: left;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 1.2;
    margin: 0 0 20px;
    padding: 20px 0 0;
    text-align: center;
    width: 100%;
}
.erfolge_tabelle ul{padding:0;width:100%;float:left;}
.erfolge_tabelle li{float:left;margin:0 0 20px;width:16.6%;list-style:none;height: 200px;}
.erfolge_anzahl {font-size:2em;opacity: 0.8;}
.erfolge_platz {font-size:13px;}
.erfolge_titel {font-size:13px;}
.erfolge_jahr {font-size:11px;color:#AD933C;}





/*BIBER CUP*/
.bibercup_pic_box {
	display: inline-block;
	margin-bottom: 40px;
}
.bibercup_pic {
    float: left;
    font-size: 14px;
    height: 220px;
    line-height: 1.2;
    margin: 40px 0 0px;
    text-align: center;
    width: 20%;
}
.bibercup_pic h6{
    color: #fff !important;
}
.bibercup_pic > img {
    margin: 0 auto 10px;
    display: block;
    width: 120px;
}
.bibercup_pic > span {
    margin-bottom: 20px;
}


.sds-input {}/*RESPONSIVE*/
.biberwall-player {
	text-align: justify;
}
.biberwall-img {}/*RESPONSIVE*/
.hob-player {
    width: 18%;
    float: left;
    margin: 0 2% 2% 0px;
}
.records-box {
    width: 23%;
    float: left;
    margin: 0 2% 2% 0px;
}
.sf-logo {width: 100px !important;}
.partner_box {}
.partner_box img {float: left;}

/*VIDEO-BACKGROUND ÜBERSCHRIFT*/
/*.hero-text {margin-top: -50px!important;}*/
/*.tp-resizeme {margin-top: -50px!important;}*/



/*SPECIAL*/
.bc-sliderbox {padding-left: 0px;padding-right: 20px;}
.bc-teamlogos {
    width: 100px;
    margin: -50px 0px 20px 20px;
}
.bc-teilnehmerbox {
    margin-top: 40px;
    float: left;
}
.bc-teilnehmerlogos {
    width: 100px;
    margin: 0px auto 10px;
    display: block;
}
.bc-teilnehmerbox .animation-wrap {
    /*overflow: initial;*/
}


/*KONTAKTFORMULAR*/
.contact-email textarea {
  border: 1px solid #C0C0C0;
}
.pflichtfeld {
  margin: -10px 0 0;
  font-size: 12px;
}
.kontakt-box {
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    padding: 30px 0 20px !important;
}
.contact-betreff {
    padding: 0px;
    margin: 0 0px 20px 15px;
    width: 94%;
}





/* GOOGLE MAP */
.location-map iframe { height: 420px; width: 100%; }
.maps iframe{ pointer-events: none; }

.slider-logo {
  margin: 0 0px 0 0%;
}


.sidenav-sponsoren-logo {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
  float: left;
  width: 46%;
  margin: 0 2% 15px;
}

.sidenav-sponsoren-logo:hover{
  opacity: 0.5;
}



/*DFBnet-WIDGET*/

#widget1 {
  width: 100% !important;
}
#widget1 iframe {
  width: 100% !important;
}

#widget1 body,
#widget1 iframe {
  background: #111 !important;
  border: none !important;
}

.fbde.header-meta-nav.xinline_sectionwidget_7934 {
  background-color: #111 !important;
}
.fbde.header-meta-nav.xinline_sectionwidget_7934 .container h3 {
  color: #fff !important;
}

.fbde.widget-filter {
  background-color: #111 !important;
  color: #fff !important;
}

.fbde.table tr.thead > th {
  background-color: #111 !important;
  color: #fff !important;
}

.fbde.table > tbody > tr > td {
  color: #fff !important;
  background-color: #111 !important;
}

.fbde.table > tbody > tr > td {
  border-left: 1px solid #111 !important;
}
.fbde.xinline_sectionwidget_7934 {
  border-bottom: 1px solid #333 !important !important;
}
.fbde.table tr.thead > th {
  border-bottom: 1px solid #333 !important;
}

.fbde.table.table-striped tr.odd > td {
  background-color: #313131 !important;
  color: #fff !important;
}































/* RESPONSIVE
================================================== */
@media only screen and (max-width: 991px) {
	
#home {
    height: 100vh !important;
}
#slider1 {
    height: 100vh !important;
}
	.display-991-none {display: none!important;}
	.display-991 {display: block!important;}
	.logo,.logo-dark {max-height: 45px;}
	.bg-footer {
	  background-image: url(../img/backgrounds-900/img-001.jpg); 
	  background-size: cover;
	  background-position: center top;
	}
	.page-title {background-attachment: initial!important;}
	.promo-inner h2 {font-size: 24px;}
	.trophy_pic {height: 190px;}
	.bibercup_pic {height: 190px;}
}
@media only screen and (max-width: 767px) {
	.display-767-none {display: none!important;}
	.display-767 {display: block!important;}
	.title-text h1 {font-size: 26px;}
	/*p {font-size: 14px;}*/
	/*.news-box h4 {font-size: 14px;}*/
	.matchcenter-box {text-align: center;padding-right: 20px;}
	.partner-group {margin-top: 0px;padding-bottom: 0px;}
	.news-pic {width: 100%;margin: 0 100% 10px 0px;}
	.mc_name {font-size: 14px;}
	.motm_player_box {font-size: 12px;}
	.motm_player_box img {width: 10%;}
	.motm_player_fact {width: 90%;}
	.motm_player_win > img {width: 18%;}
	.trophy_pic {width: 33%;height: 170px;}
	.bibercup_pic {width: 33%;height: 170px;margin: 40px 0 10%;}
	.erfolge_tabelle li {width: 33%;}
	.lead {font-size: 14px;}
	.sds-input {padding: 0 15px;}
	.biberwall-img {margin: 20px 0;}
	.hob-player  {width: 46%;margin: 0 2% 0%;}
	.records-box {width: 31%;}
	.grid-1-col .work-description {padding: 20px 20px;}
	.sponsoren-pic {float: none;}
	.kaderplayer-responsive {width: 50%;float: left;}
	.team-img .team-details {padding: 10px 10px 20px;}
}
@media only screen and (max-width: 440px) {
	.display-440-none {display: none!important;}
	.display-440 {display: block!important;}
	h1 {font-size: 22px; }
	h2 {font-size: 20px; }
	h3 {font-size: 18px; }
	h4 {font-size: 16px; }
	h5 {font-size: 14px; }
	h6 {font-size: 12px; }
	.section-wrap-sm {padding: 50px 0;}
	.page-title .container {height: 150px;}
	.blog-masonry .entry-title {font-size: 16px;}
	.call-to-action h3 {font-size: 18px;}
	.promo-title {font-size: 24px; line-height: 30px;}
	.mc_name {font-size: 11px;}
	.mc_result {font-size: 14px;}
	.statistic-timer {font-size: 32px;}
	.counter-text {font-size: 11px;}
	#typed {font-size: 18px;}
	.trophy_pic {width: 50%;height: 200px;}
	.bibercup_pic {width: 50%;height: 200px;}
	.records-box {width: 46%;margin: 0 2% 0%;}
}