html,body {
/*css for full size background image*/
  background:#fff;
  font-family: 'Droid Sans', sans-serif;
  color: #333333;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family:'Oswald',sans-serif;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}
h1, h2, h3 {margin: 20px 0 10px 0;}
h4, h5, h6 {margin: 10px 0;}
h1{font-size: 36px}
h2{font-size: 26px}
h3{font-size: 18px}
h4{font-size: 16px}
h5{font-size: 14px}
h6{font-size: 12px}
p{margin: 0 0 10px}

.fragen { font-size:16px; color:#fff; padding-top:15px;}
.clear { margin-bottom:30px;}

.home span{ padding-right:15px;}

a {color: #3300ff;text-decoration: none}
a:hover, a:focus {color: #3300ff;text-decoration: none}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px}
.invisible {display: none !important}
img, video {display: block;max-width: 100%;height: auto}

/* Nav */
.navbar-custom {
	background-color: #192f42;
    color:#ffffff;
  	border-radius:0;
    min-height:auto;
	font-size: 16px;
	font-weight:bold;
}
  
.navbar-custom .navbar-nav > li > a {
  	color:#fff;
  	padding-left:25px;
  	padding-right:25px;
    padding-top:20px;
    padding-bottom:20px;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #ffffff;
	background-color:transparent;
}
      
.navbar-custom .navbar-nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #2a3f53;
}
      
.navbar-custom .navbar-brand {
   color:#eeeeee;
   padding:20px;
}

.navbar-custom .navbar-toggle,
.navbar-custom .nav .open>a, .navbar-custom .nav .open>a:hover, .navbar-custom .nav .open>a:focus {
   background-color:transparent;
}

.navbar-custom .icon-bar {
   border: 1px solid #fff;                
}

/*-- change navbar dropdown color --*/
.navbar-custom .navbar-nav .open .dropdown-menu>li>a,.navbar-custom .navbar-nav .open .dropdown-menu {
    color:#428bca;
	font-size:16px;
}
/*-- hover navbar no dropdown --*/
.dropdown:hover .dropdown-menu {
  display: block;
  font-size:16px;
}


/* Partner Slider */
.logo_sm img{border: 1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;opacity: .75}
.logo_me img{border: 1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.logo_sm img:hover{opacity: 1}
.border img{border: 1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/* Slider */
.mbd_slider_main img{display: block;margin-right: auto;margin-left: auto;text-align:center;}
.mbd_slider_main .content-slider .image_container img {padding: 4px;line-height: 1.42857143;background: #fff;border: 1px solid #0c0d0e;border-radius: 4px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;display: inline-block;max-width: 100%;height: auto}
.slider-control { display:none}

.owl_header_big img{padding: 4px;line-height: 1.42857143;background: #fff;border: 1px solid #0c0d0e;border-radius: 4px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;display: inline-block;max-width: 100%;height: auto}

#slider-home { margin: 0 0 2em 0}
#slider-home img{display: block;margin-right: auto;margin-left: auto;text-align:center;}
#slider-home .content-slider .image_container img{padding: 4px;line-height: 1.42857143;background: #fff;border: 1px solid #0c0d0e;border-radius: 4px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;display: inline-block;max-width: 100%;height: auto}

/* Header */
.header { padding:1em 0;text-align:center;}
.header .logo a h1{ font-size:20px; font-weight:bold;margin:10px 0; padding:0}
.header .teaser h2{ font-size:16px; margin:0; padding:0}

/* Main */
.main { min-height:550px; margin-bottom: 50px;}
.main .first .ce_headline.first{ margin:0 0 20px 0}
.first h2,.first h3 { margin:0 0 10px 0}
.ovhidden{ overflow:hidden; display:block}
.bottom { padding-top:2em}
.col-md-4 img.logo{display: block; margin: 0 auto 0 auto;text-align:center;}
.col-md-5.col-xs-5 { border-left:solid 1px #1c1e22}

.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none;display: inline-block;}
.ce_gallery ul li{ float:left;padding:0 .5em .5em 0;}
.ce_gallery ul li.col_first{clear:left}

/* Social */
.social a{color:#fff}
#social:hover {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
#social {-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}			.social-fb:hover {color: #3B5998;}
.social-tw:hover {color: #4099FF;}
.social-gp:hover {color: #d34836;}
/* Social New */
.sticky-container{padding:0;margin:0;position:fixed;right:-119px;top:350px;width:200px}
.sticky li{list-style-type:none;background-color:#333;color:#efefef;height:43px;padding:0;margin:0 0 1px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;cursor:pointer;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%)}
.sticky li:hover{margin-left:-115px;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(0)}
.sticky li img{float:left;margin:5px 10px 5px 5px}
.sticky li p{padding:0;margin:0;text-transform:uppercase;line-height:43px}


/* Form */
.1label {display: block;}
.1contact { max-width:60%}
.1ce_form span.mandatory{color: #3300ff; padding:0 5px}

.form-group label {
    margin: 20px 0;
}
.form-group label {
    float: left;
    width: 200px;
    margin-top: 5px;
}
.captcha_text{ width:100%}
.form-group label,
.form-group .form-control.text,
.form-group .form-control.captcha{ width:250px}

textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 95%;
}
span.mandatory{ color:red}

.form-horizontal .formbody { padding-left:1em}
.text,.captcha {
	display: block;
	width: 250px;
	height: 38px;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #272b30;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

/* News */
.mod_newslist a{color: #3300ff;text-decoration: none}
.mod_newslist h2 { margin:10px 0}
.mod_newslist img {display: block;padding:0 .5em .5em 0;margin-right: auto;margin-left: auto;text-align:center;}
.mod_newslist .teaser {padding:1em 0}
.mod_newsreader p.back { display:none !important}
.mod_newsreader img{margin-left: auto !important;margin-right: auto !important;text-align:center;}
.mod_newsreader h3 span {color:#be1522; font-weight:bold}

/* Footer */
.footer .nav{margin:1em 0; padding:0; list-style:none}
.footer .nav li{display:inline-block; float:left; font-size:14px}
.footer .nav li a{padding:0 25px 0 0; color:#fff}
.footer .nav li a:hover{background:none}
.footer .nav li .fa{margin-right:3px}
.footer .nav li a#comparebutton{color:rgba(66,179,229,1)}
.footer .nav li span.badge{background:#428bca; margin-left:5px}

footer { margin:2em 0;}
footer h1 { font-size:30px}
footer h2 {font-size:24px;color: #7a8288}

/* Misc */
.clear {clear: both;}
.port-text {background: #3e4349;transition:.5s all;}
h3.port-text {color: #fff;padding: 12px 1em 0.5em 1em;margin:0 0 .5em 0;font-size: 18px; font-weight:bold; text-align:left}

.mbd_col2 .ce_hyperlink,
.mbd_col2 .ce_image,
.mbd_col3 .ce_image,
.mbd_col4 .ce_image{position: relative; margin-bottom:.5em}

.mbd_col2 .ce_hyperlink h3,
.mbd_col2 .ce_image h4,
.mbd_col3 .ce_image h4,
.mbd_col4 .ce_image h4 {padding-bottom: .2em;display: block;background: rgba(0, 0, 0, 0.75);line-height: 23px;margin: 0;padding: 10px 15px 10px 15px;bottom: 9px;position: absolute;}

.mbd_col2 .ce_hyperlink h2,
.mbd_col2 .ce_image h2{color: #fff;font-weight: bold;}

.mbd_col3 .ce_image h3,
.mbd_col4 .ce_image h3{color: #fff;font-weight: bold;}

.mbd_col3.center a:nth-last-child(2) img{ width:400px;}

.center{position:relative;display: block;margin-left: auto !important;margin-right: auto !important;text-align:center;}
.float_right {float: right !important;}
.float_left {float: left !important;}
.float_left img{ padding:0 .5em .5em 0}
.float_right img{ padding:0 0 .5em .5em}
.caption { margin-bottom:10px}
.visible{ overflow:hidden}
.gewinn{ min-height:600px}


.bg {background:#fff; display: block}
.row.no-gutters {margin-right: 5px;margin-left: 5px;}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {padding-right: 5px;padding-left: 5px;}

.pagination p{ display:none}
.pagination ul {float:left; margin:0; padding:0}
.pagination ul li {display: inline;margin: 0 4px 0 0}
.pagination ul li span.current,
.pagination ul li a {padding: 5px 10px;font-size: 14px;font-weight: bold;border: 1px solid #ddd;background: transparent;border-radius: 4px}
.pagination ul li a:hover,.pagination ul li a:focus {border-color: #ccc}
.pagination ul li a:active,.pagination ul li span.current {border: 1px solid #3300ff;}
	
/* Google Map */
.dlh_googlemap {max-width: 100%;min-height: 400px;}
.dlh_googlemap { color:#333}

.piwik form { color:#fff}


.ptn, .pvn, .pan {padding-top: 0}
.ptx, .pvx, .pax {padding-top: 3px}
.pts, .pvs, .pas {padding-top: 5px}
.ptm, .pvm, .pam {padding-top: 10px}
.ptl, .pvl, .pal {padding-top: 20px}
.prn, .phn, .pan {padding-right: 0}
.prx, .phx, .pax {padding-right: 3px}
.prs, .phs, .pas {padding-right: 5px}
.prm, .phm, .pam {padding-right: 10px}
.prl, .phl, .pal {padding-right: 20px}
.pbn, .pvn, .pan {padding-bottom: 0}
.pbx, .pvx, .pax {padding-bottom: 3px}
.pbs, .pvs, .pas {padding-bottom: 5px}
.pbm, .pvm, .pam {padding-bottom: 10px}
.pbl, .pvl, .pal {padding-bottom: 20px}
.pln, .phn, .pan {padding-left: 0}
.plx, .phx, .pax {padding-left: 3px}
.pls, .phs, .pas {padding-left: 5px}
.plm, .phm, .pam {padding-left: 10px}
.pll, .phl, .pal {padding-left: 20px}
.mtn, .mvn, .man {margin-top: 0px}
.mtx, .mvx, .max {margin-top: 3px}
.mts, .mvs, .mas {margin-top: 5px}
.mtm, .mvm, .mam {margin-top: 10px}
.mtl, .mvl, .mal {margin-top: 20px}
.mrn, .mhn, .man {margin-right: 0px}
.mrx, .mhx, .max {margin-right: 3px}
.mrs, .mhs, .mas {margin-right: 5px}
.mrm, .mhm, .mam {margin-right: 10px}
.mrl, .mhl, .mal {margin-right: 20px}
.mbn, .mvn, .man {margin-bottom: 0px}
.mbx, .mvx, .max {margin-bottom: 3px}
.mbs, .mvs, .mas {margin-bottom: 5px}
.mbm, .mvm, .mam {margin-bottom: 10px}
.mbl, .mvl, .mal {margin-bottom: 20px}
.mln, .mhn, .man {margin-left: 0px}
.mlx, .mhx, .max {margin-left: 3px}
.mls, .mhs, .mas {margin-left: 5px}
.mlm, .mhm, .mam {margin-left: 10px}
.mll, .mhl, .mal {margin-left: 20px}

@media(max-width:767px){
h1{font-size: 36px}
h2{font-size: 20px}
h3{font-size: 12px}
h4{font-size: 10px}

.mbd_col2 .ce_hyperlink h3,
.mbd_col2 .ce_image h4,
.mbd_col3 .ce_image h4,
.mbd_col4 .ce_image h4 {line-height: 12px;margin: 0;padding: 7px}
img {display: table;margin: 0 auto;}
footer .ce_text { text-align:center}
}

@media (min-width: 320px) and (max-width: 639px) {
h1{font-size: 36px}
h2{font-size: 20px}
h3{font-size: 12px}
h4{font-size: 10px}
	
.mbd_col2 .ce_hyperlink h3,
.mbd_col2 .ce_image h4,
.mbd_col3 .ce_image h4,
.mbd_col4 .ce_image h4 {line-height: 12px;margin: 0;padding: 7px}
.mbd_slider_werbepartner_bottom img{ max-width:80px}
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 95%;
}
}
@media (min-width: 640px) and (max-width: 767px) {
.mbd_slider_werbepartner_bottom img{ max-width:140px}
}
@media(min-width:767px){
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #333333;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #333333;
    background-color: #fff;
  }
  
 .mbd_slider_werbepartner_bottom img{ max-width:170px}
 img {display: table;margin: 0 auto;}
 footer .ce_text { text-align:center}
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}
@media(min-width:992px){
.mbd_slider_werbepartner img{ max-width:175px}
.mbd_slider_werbepartner_bottom img{ max-width:220px}
}
@media(max-width: 1200px){
.mbd_col3.center a:nth-child(-n+2) img{ width:400px;}
}
@media(min-width:1200px){
.mbd_slider_werbepartner img{ max-width:225px}
.mbd_slider_werbepartner_bottom img{ max-width:285px}
}