/*

**************************************
*    (c) 2006-2017 Oliver Zeidler    *
*    http://intergraphica.de         *
*                                    *
**************************************

*/
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/open-sans-v34-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/*::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    background: #fff
}
::-webkit-scrollbar-thumb {
    background: #e12a23;
    cursor: pointer
}*/
::-moz-selection {
    background: #e12a23;
    color:#fff !important
}
::selection {
    background: #e12a23;
    color:#fff !important
}
body,
html {
    font-family: 'Lato', sans-serif;
    text-rendering: optimizeLegibility!important;
    -webkit-font-smoothing: antialiased!important;
    background-color:#dadee2;
    color: #3d217e;
    overflow-x: hidden;
}
body {
	overflow-y:hidden !important
}
h1 {
    font-weight: 200
}
h1 strong {
    font-weight: 900
}
h2 {
    font-size: 36px;
    margin: 0;
    color: #535783;
    margin-top:20px;
    font-weight:600;
    max-width: 700px;
    border-left:6px solid #e12a23;
    padding-left:14px;
    margin-top:50px
}
h3 {
    font-size: 16px;
    font-weight: 700
}
h5 {
    text-transform: normal !important;
    max-width:873px;
    font-size:16px;
    color: #535783;
    font-weight: 500;
    line-height: 22px;
    margin-bottom:30px;

}

h2,h5 {
	margin-left:150px;
}
p {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px
}
a {
    color: #5b777f;
    transition: all 0
}
a:hover,
a:focus {
    text-decoration: none;
    color: #5b777f
}
a {
    outline: 0!important
}
.img-centered {
    margin: 0 auto
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}
.clearfix {
    display: inline-block
}
* html .clearfix {
    height: 1%
}
.clearfix {
    display: block
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 99999;
    height: 100%
}
#status {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    padding: 0
}
.section-title {
    padding: 30px 70px
}
.section-title h2 {
    font-weight: 500;
    margin-bottom: 26px;
    line-height: 40px
}
hr {
    height: 3px;
    width: 60px;
    position: relative;
    background: #626a29;
    border: 0;
    margin-bottom: 30px
}



#logo {
    width: 200px;
    margin-left: -10px;
    margin-top: -2px
}
#menu {
    padding: 20px;
    transition: all .8s;
    border-bottom: 1px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.01) 1px 1px 1px;

    }
#menu.navbar-default {
    background-color: rgba(255, 255, 255, 1);
    border-color: rgba(231, 231, 231, 0)
}
#menu a.navbar-brand {
    text-transform: uppercase;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px
}
#menu a.navbar-brand i.fa {
    color: #f3ca27
}
#menu.navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
    color: #222;
    font-size: 13px;
    letter-spacing: 0;
    border-left: 2px solid #fff;
    -webkit-transition: all 550ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}
#menu.navbar-default.on .navbar-nav > li > a {
    color: #222
}
#menu.navbar-default .navbar-nav > li:hover > a {
    color: #fff !important;
    border-left: 2px solid #fff;
}

.submenu {
	display:none;
	position: absolute;
	list-style:none !important;
	background: #37439c;
	margin-left:2px;
	margin-top:2px;
	padding-top:6px;
	padding-bottom:8px;
	border-bottom:0px solid #fff
}

.submenu li {
	list-style:none !important;
	/*float:left;*/
	margin-right:15px;
	cursor: pointer;
}

.submenu li a {
	margin-left:-24px;
	color:#fff !important;
	margin-bottom:5px;
	-webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}

.submenu li a:hover {
	color:#3a2a7f !important;

	-webkit-transition: all 550ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}

.on {
    background-color: rgba(255, 255, 255, 1);
    padding: 0!important;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 30px!important
}
.on img {
    cursor: pointer! important;
    height:50px !important;
    width: auto !important;
    margin-top:5px !important;
    margin-left:5px !important;
    -webkit-transition: all 550ms ease;
    -moz-transition: all 550ms ease;
    -o-transition: all 550ms ease;
    -ms-transition: all 550ms ease;
    transition: all 550ms ease
}
.on img:hover {
    /*width: 200px!important*/
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #2e489d!important;
    background-color: #e12a23;
    color:#fff !important;
    -webkit-transition: all 550ms ease;
    -moz-transition: all 550ms ease;
    -o-transition: all 550ms ease;
    -ms-transition: all 550ms ease;
    transition: all 550ms ease
}
.navbar-toggle {
    border-radius: 0;
    background-color: #3a2a7f;
    color: #fff!important;
    border-color: #fff;
    margin-top:28px !important
}
.navbar-default .navbar-toggle:hover {
    background-color: #e12a23;
    color:#fff !important;
    border-color: transparent;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease
}
.navbar-brand {
    padding: 5px 0 0 15px
}
.navbar-nav > li:focus,
.navbar-nav > li:hover,
.navbar-nav > li:active {
    background-color: #e12a23;
    color: #fff !important;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease
}
.navbar-nav > li {
    -webkit-transition: all 450ms ease;
    -moz-transition: all 450ms ease;
    -o-transition: all 450ms ease;
    -ms-transition: all 450ms ease;
    transition: all 450ms ease;
    border-bottom: 1px solid #fff!important
}
.navbar-default .navbar-toggle:hover>.icon-bar {
    background-color: #FFF;

}

#content a,
td a {
    color: #2f484f;
    border-bottom: 2px solid #3a2a7f;
    }
#content a:hover {
    color: #2f484f;
    border-bottom: 2px solid #3a2a7f;
    background: rgba(248, 236, 201, 0.62);

}

#verein p a {
    color: #fff;

}
#verein p a:hover {
    color: #fff;
    background: rgba(248, 236, 201, 0.22);
    letter-spacing: .7px;

}

#download {
    color: #fff;
    /*background: #e12a23 !important;*/
}


#download .container input[type="text"] {
    color: #fff !important;
    background: #e12a23 !important;
    width: 100%;
    max-width: 200px !important;
}






.intro-text {
    position: relative;
    padding: 400px 0 200px
}
.intro-text H1 {
    font-size: 32px;
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 2px;
    padding-right: 14px
}
.intro-text span {
    font-weight: 800
}
.intro-text p {
    font-size: 34px;
    margin: 0;
    padding-right: 26px
}
.color {
    color: #f3ca27
}
.btn-default {
    color: #294d57;
    font-family: 'Open Sans', sans-serif;
    background-color: #f1c40f;
    border: 0;
    margin: 0 8px;
    font-size: 18px;
    transition: all .5s
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active {
    background-color: #2e489d
}

#projekte {
    background: transparent;
    margin-top: -70px;
    padding-top: 14px;
    background:#fff !important;
    color: #1c424d !important;
    padding-bottom:20px
}

.border-right {
    border-right: 1px solid silver;
    overflow-y: hidden
}
.border-right-last {
    border-right: transparent
}
.space {
    margin-top: 40px
}



.container img {
	width:100%;
	max-width:660px
}


#verein {
	min-height: 100% !important;
    padding: 80px 0;
    color: #5b777f
}

#neueintrag {
	display:none;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	padding:20px;
	background:#e12a23;
	/*box-shadow:rgba(0,0,0,0.45) 10px -10px 50px;*/
	position:fixed; opacity:100;
	z-index:9999999;top: 50%; left: 50%;
	top:10% !important;
	margin-left: -184px;
	border:0px solid #3a2a7f
}

#close_me {
	position:absolute;
	right:4px;
	top:4px;
	width:25px;
	height:25px;
	background: url(../img/close_me.png);
	background-size:cover;
	cursor:pointer;
		-webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}

#close_me:hover {
	width:30px;
	height:30px;
	-webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    transition: all 350ms ease;
}

#footer {
    background: #e12a23;
    padding: 5px 0;
    color: #2e489d;
    text-align: center
}
#footer p {
    margin-top: 9px
}
#footer a {
    color: #FFF;
    transition: all 0
}
#footer a:hover {
    color: #FFF!important;
    text-decoration: underline!important;
    background: transparent!important;
    transition: all 0
}
#credits {
    position: absolute;
    color: #fff;
    left: 10px;
    bottom: 13px
}
#stats {
    position: absolute!important;
    z-index: 1000;
    margin-top: -13px;
    max-height: 1px;
    overflow: hidden;
    right: 0;
    }
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}
.header {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 36px;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.blue {
    color: #758bb4
}
.uppercase {
    text-transform: uppercase
}
.text-align-left {
    text-align: left
}
.left {
    text-align: left
}
.right {
    text-align: right
}
.margin-top {
    margin-top: 300px
}
.owl-carousel .item {
    height: 10rem;
    background: #4DC7A0;
    padding: 1rem
}
.owl-carousel .item h4 {
    color: #FFF;
    font-weight: 400;
    margin-top: 0
}
.grey {
    background-color: #cdd9e1
}
.head {
    position: absolute;
    background: transparent url(../img/43392379_l.jpg);
    background-size: 100%;
    left: 50%;
    margin-left: -585px;
    text-align: right
}
.white {
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -585px;
    bottom: -70px;
    text-align: right
}
#slider-section .section-title h2 {
    color: #464646;
    margin-top: 50px
}
#content {
    position: absolute;
    top: 670px;
    width: 100%;
    z-index: 100
}
.head {
    position: fixed;
    z-index: 1
}
.header-section-bg {
    position: fixed;
    background: transparent url(../img/bg_pattern_kante.jpg);
    background-color: #fff;
    background-position: 50% 50%;
    width: 100%;
    height: 850px!important
}
.timeline h4.t_line_month {
    display: none!important
}
.timeline a.t_line_node {
    color: transparent
}
#contact-section a {
    color: #fff
}
#blase_help {
    position: absolute;
    z-index: 1000;
    color: #15424e;
    opacity: 0.8p;
    font-size: 11px;
    background: rgba(255, 255, 255, 0.4);
    border: 1px dashed #15424e;
    padding: 15px;
    margin-left: 870px;
    margin-top: 90px;
    cursor: help
}
#blase_next {
    position: absolute;
    z-index: 1000;
    color: #15424e;
    opacity: 0.8p;
    font-size: 11px;
    background: rgba(255, 255, 255, 0.4);
    border: 1px dashed #15424e;
    padding: 15px;
    margin-left: 940px;
    margin-top: 560px;
    cursor: help
}
#blase_navi {
    position: absolute;
    z-index: 1000;
    color: #15424e;
    opacity: 0.8p;
    font-size: 11px;
    background: rgba(255, 255, 255, 0.4);
    border: 1px dashed #15424e;
    padding: 15px;
    margin-left: 0;
    margin-top: 90px;
    cursor: help
}
#blase_prev {
    position: absolute;
    z-index: 1000;
    color: #15424e;
    opacity: 0.8p;
    font-size: 11px;
    background: rgba(255, 255, 255, 0.4);
    border: 1px dashed #15424e;
    padding: 15px;
    margin-left: 0;
    margin-top: 560px;
    cursor: help
}
#kontaktformular {
    position: absolute;
    margin-top: 80px;
    margin-left: -518px;
    box-shadow: rgba(0, 0, 0, 0.25) 10px 10px 40px;
    background: rgba(255, 255, 255, 1);
    width: 468px;
    text-align: center;
    padding: 20px;
    border: 0px solid #f4bd28;
    border-radius: 17px
}
.nachricht {
    color: #cc2100;
    font-family: 'Open Sans';
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 5px
}
input[type="text"] {
    outline: none;
    width: 100%;
    line-height: 20px;
    height: auto;
    margin-top: 15px;
    color: #b83c24;
    font-family: "Open Sans";
    font-weight: 600;
    padding: 8px;
    border: 1px solid #cc2100;
    background: rgba(250, 187, 23, 0.2);
    border-radius: 0
}
textarea {
    outline: none;
    width: 100%;
    line-height: 20px;
    height: 170px;
    color: #b83c24;
    font-family: "Open Sans";
    font-weight: 600;
    padding: 8px;
    border: 1px solid #cc2100;
    background: rgba(250, 187, 23, 0.2);
    border-radius: 0;
    margin-top: 10px;
    margin-bottom: 0!important
}
textarea,
input {
    -webkit-transition: all 450ms ease;
    -moz-transition: all 450ms ease;
    -o-transition: all 450ms ease;
    -ms-transition: all 450ms ease;
    transition: all 450ms ease;
    font-size: 14px
}
textarea:focus,
input:focus {
    outline: none;
    background: rgba(250, 187, 23, 0.4);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease
}
.error {
    color: #CF0000;
    display: none;
    font-size: 12px;
    font-weight: 200
}
.invisible {
    display: none;
    visibility: visible
}
#send-mail {
    margin-top: 14px;
    padding: 10px;
    font-size: 14px;
    background: #c51110;
    color: #fff;
    border: 0 solid #000;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: .7px;
    outline: none;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease
}
#send-mail:hover {
    color: #fff;
    border: 0 solid #000;
    letter-spacing: 1.5px;
    -webkit-transition: all 450ms ease;
    -moz-transition: all 450ms ease;
    -o-transition: all 450ms ease;
    -ms-transition: all 450ms ease;
    transition: all 450ms ease
}
::-webkit-input-placeholder {
    color: silver
}
:-moz-placeholder {
    color: silver
}
::-moz-placeholder {
    color: silver
}
:-ms-input-placeholder {
    color: red
}
.message-btn {
    border: 1px solid #747C89;
    color: #747C89;
    background-color: transparent;
    padding: 15px 30px;
    font-size: 17px
}
.message-btn:hover {
    background-color: #c61110;
    color: #fff
}
.contact-info {
    text-align: center;
    font-size: 22px
}
.info-mail {
    border: 1px solid #fff;
    width: 60%;
    margin: 0 auto;
    padding: 15px;
    color: #181A1C
}
#successSend {
    margin-top: 20px;
    margin-bottom: 0!important
}
#kontakt_text {
    text-align: left;
    padding-left: 530px;
    padding-top: 17px;
    font-family: Open Sans
}
#yellowback {
    position: absolute!important;
    z-index: 999999!important;
    width: 100%;
    height: 220px;
    background: #3a2a7f;
    color: #fff;
    font-size: 16px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease
}
.map-canvas {
    width: 100%;
    height: 720px
}
#content {
    margin-top: -24px
}
.header-section-bg {
    top: 0;
    height: 650px
}
.intro-text {
    padding-top: 460px
}


.single_page {
    margin: 0 auto;
    margin-top: 100px;
    width: 100%;
    max-width: 880px;
    color: #3a5b65 !important;
    padding: 40px;
    display: block !important;
    font-size:14px;
    line-height:19px;
    z-index:20000;
}

.single_page a {
	color:#38439c;
	border-bottom: 2px solid #3a2a7f;
	-webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease
	}

.single_page a:hover {
	color:#38439c;
	letter-spacing:1px;
	background:rgba(238,191,51,0.2);
	border-bottom: 2px solid #3a2a7f;
	-webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease
    }

.single_page h4 {
   margin-bottom:18px;
   margin-top:2px;
   font-size:23px;

}

.single_page div img {
	clear:both;
	margin-left:20px;
	margin-bottom:20px;
	border-radius:11px;
	border: 3px solid #fff;
	box-shadow: rgba(0,0,0,0.18) 5px 7px 5px;
	width:300px
}


 #verein {
	    margin-top:22px !important
    }





/* RESPONSIVE */




    

{
    .intro-text p {
        font-size: 20px
    }

}

@media (max-width: 1100px) {
 #introbox_big {
        display: none
    }
}

@media (max-width: 990px) {

 #menu.navbar-default .navbar-nav > li > a {
        letter-spacing: 1px !important;
        padding: 20px 15px
    }

    .grid-item {
	  position: relative;
	  float: left;
	  min-width: 349px !important;
	  max-height: 200px !important;
	  margin: 5px;
	  padding: 10px;
	  background: #1c3382;
	  color: #fff;
	  cursor:default;
}

iframe {
		float:right !important;
		margin-left:40px !important;
		margin-top:40px !important;
		 -webkit-transition: all 550ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
	}

h2,h5 {
	margin-left:0px !important;
}

table {
		margin-left:-4px !important
	}

.single_page header {
	width:100% !important
	}


	  .single_page .head {
		 position:relative;
		height:350px;
		background-size:100% !important;
		background-position: 0px -10px !important
	}

	.single_page .head .intro-text {
		display: block;
		margin-top:-233px !important;
		text-shadow: rgba(0,0,0,0.4) 2px 2px 2px;
	}

	#credits {
        display: none
    }
    #stats {
        display: none
    }
    #blase_next {
        margin-left: 570px!important;
        margin-top: 597px!important;
        padding: 10px;
        font-size: 10px
    }
    #blase_prev {
        margin-left: 0;
        margin-top: 597px!important;
        padding: 10px;
        font-size: 10px
    }
    #blase_help {
        margin-left: 510px!important;
        margin-top: 60px;
        padding: 10px;
        font-size: 10px
    }
    #blase_navi {
        margin-left: 0;
        margin-top: 60px;
        padding: 10px;
        font-size: 10px
    }
    #iframe {
        height: 640px!important
    }
    #yellowback {
        height: 290px
    }
    #kontakt_text {
        padding-left: 390px
    }
    #kontaktformular {
        width: 400px;
        margin-top: 30px;
        margin-left: -440px
    }
    .hide_me_too {
        display: none
    }

    #content {
        margin-top: -110px!important
    }
    .item {
        text-align: left!important
    }
    td {
        border-right: 0 solid #fff!important
    }
    header {
        max-height: 400px!important
    }
    .header-section-bg {
        top: 0;
        height: 200%
    }
    .intro-text {
        padding-top: 286px!important;
        padding-bottom: 165px!important;
        text-align: right;
        text-shadow: 0 1px 2px rgba(100, 100, 100, 1)
    }
    .intro-text h1 {
        padding-right: 0
    }
    .intro-text H1 {
        font-size: 24px
    }
    .intro-text p {
        font-size: 24px;
        padding-right: 0
    }
    #logo {
        display: block
    }

    /*#projekte {
        margin-top: -57px;
        height: 780px!important;
        padding-top: 14px
    }*/

    #projekte img {
	    float:right;
	    width:120px;
	    height:120px;
	    margin-left:5px;
	    margin-bottom:0px;
	    margin-top:5px;
	    clear:both
    }

	#projekte h4 {
	    margin-top:5px
    }

    #projekte {
	    margin-bottom:-15px
    }



    .border-right {
        border-right: 0 solid silver!important;
        margin-bottom: 20px!important;
        overflow-y: hidden;
        height:auto !important
    }
    .head {
        background-size: cover!important
    }
    #projekte .col-md-4 {
        margin-bottom: 10px
    }
    #verein .col-md-4 {
        margin-bottom: 10px
    }
    #contact-section .item {
        text-align: center
    }
    #contact-section {
        padding: 80px 0
    }
    #circle-section .row {
        margin: 60px 0
    }
    #circle-section .world {
        margin: 10px 0
    }
    .head {
        position: relative
    }
    #content {
        position: relative;
        top: 0
    }
}



@media (max-width: 767px) {

	.grid-item {
	  position: relative;
	  float: left;
	  width: 100% !important;
	  min-width:100% !important;
	  height: 212px;
	  margin: 5px;
	  padding: 10px;
	  background: #1c3382;
	  color: #fff;
	  cursor:default;
	  /*-webkit-transition: all 150ms ease;
	    -moz-transition: all 150ms ease;
	    -o-transition: all 150ms ease;
	    -ms-transition: all 150ms ease;
	    transition: all 150ms ease */
}

iframe {
	float:none;
	clear:both;
	width:100% !important;
	border-radius:0px !important;
	border: solid #e12a23 0px !important;
	margin-bottom:25px !important;
	margin-left:0px !important;
	margin-right:0 !important;
	-webkit-transition: all 150ms ease;
	    -moz-transition: all 150ms ease;
	    -o-transition: all 150ms ease;
	    -ms-transition: all 150ms ease;
	    transition: all 150ms ease
}

h2,h5 {
	margin-left:5px !important
}

h2 {
	margin-top:40px !important;
	font-size:26px !important;
	margin-bottom:-17px !important;
	border-left:0px !important;
	padding-left:5px !important;
}

h5 {
	font-size:14px !important;
	line-height:17px !important;
	margin-left:10px !important;
	margin-bottom:7px !important;
	display:block !important;
	padding:0px !important;
}

h5 b {
	font-size:14px !important;
	}

td {font-size:13px !important;
	padding:4px !important;
	padding-top:5px !important;
	height:29px !important;
	vertical-align:middle !important
}

td:last-child {
		text-align:right !important
	}

td:nth-child(2) {
		white-space:nowrap !important
	}

table {
		margin-left:-3px !important;
		width:100% !important
	}

.grid {
  margin-bottom:40px !important;
}

.container h2 {
		margin-top:30px

	}

	.bs-example-navbar-collapse-1 {
		display:none !important
	}

	.submenu {
		display: none !important;
		height:1px !important;
		width:1px !important;
		overflow:hidden !important

	}


	header {
		margin-top:-150px !important
	}

	.head {
		background-position: -100px 150px;
		background-size:40%
		}


	.single_page header {
	width:100% !important;
    background-size:cover !important;
    height:200px !important;
    margin-top:-70px !important;
	}

    .single_page .head {

	}

	.single_page .head .intro-text {
		display: none !important;
		margin-top:-80px !important;
		text-shadow: rgba(0,0,0,0.4) 2px 2px 2px;
	}

	#credits {
        display: none
    }
    .header-section-bg {
        position: absolute!important
    }
    #blase_next {
        display: none
    }
    #blase_navi {
        display: none
    }
    #blase_help {
        display: none
    }
    #blase_prev {
        display: none
    }
    .hide_me_too {
        display: inline!important
    }
    ul {
        max-height: 160px!important;
        overflow: hidden
    }
    #logo {
        display: block !important;
        margin-top: 13px!important;
        margin-left: 7px!important
    }
    .on img {
        margin-left: 20px!important;
        -webkit-transition: all 450ms ease;
        -moz-transition: all 450ms ease;
        -o-transition: all 450ms ease;
        -ms-transition: all 450ms ease;
        transition: all 450ms ease
    }
    #kontaktformular {
        width: 101%!important;
        margin-top: 224px!important;
        margin-left: -16px!important
    }
    #kontakt_text {
        text-align: center;
        padding-left: 15px!important;
        padding-top: 0
    }
    #yellowback {
        height: 225px!important
    }


    .border-right {
        border-right: 0 solid silver;
        max-height: 670px!important;
        height: auto!important;
        overflow-y: hidden;
        padding-top: 0;
        margin: 0!important;
        background: rgba(255, 255, 255, 0.4)!important
    }
    .border-right-last {
        border-right: 0 solid silver;
        max-height: 660px!important;
        height: auto!important;
        overflow-y: hidden;
        padding-top: 0;
        margin: 0!important;
        background: rgba(255, 255, 255, 0.4)!important
    }


    #projekte {
	    margin-top:10px !important;
	    padding-top:20px !important;
    }

    #projekte .border-right {
        border-right: 0 solid silver;
        height: auto!important;
        overflow-y: hidden;
        padding-bottom: 25px;
        margin-bottom:20px;
        padding-top:0px;
        border-bottom: 1px dotted silver;
        background: rgba(255, 255, 255, 0)!important
    }
    	td {
	    	padding:1px !important
    	}

     #projekte .border-right-last {
        border-right: 0 solid silver;
        height: auto!important;
        overflow-y: hidden;
        padding-bottom: 35px;
        margin-bottom:120px;
        padding-top:0px;
        border-bottom: 0px dotted silver;
        background: rgba(255, 255, 255, 0)!important
    }

    #projekte img {
	    float:left !important;
	    width:126px !important;
	    height:126px !important;
	    margin-right:10px;
	    margin-left:-1px !important;
	    margin-bottom:0px;
	    margin-top:-3px !important
    }

    #projekte h4 {
	    margin-top:-1px !important
    }

    #projekte .mehr {
	    position:absolute;
	    right:16px !important;
	    margin-top:-7px
	    }

	#projekte p {
	    text-align:justify !important;
	    padding-right:1px
	    }

    #projekte .border-right-last {
        border-right: 0 solid silver;
        height: auto!important;
        overflow-y: hidden;
		padding-top:25px;
        margin: 0!important;
        background: rgba(255, 255, 255, 0)!important;
        padding-bottom: 22px
    }
    #verein .border-right {
        border-right: 0 solid silver;
        height: auto!important;
        overflow-y: hidden;
        padding-top: 10px;
        padding-bottom: 15px;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
        margin: 0!important;
        background: rgba(255, 255, 255, 0)!important
    }

    #verein .border-right-last {
        border-right: 0 solid silver;
        height: auto!important;
        overflow-y: hidden;
        padding-top: 10px;
        margin: 0!important;
        background: rgba(255, 255, 255, 0)!important;
        padding-bottom: 10px
    }
    #mkt {
        height: auto !important
    }
    iframe {
	    /* MOVE LEFT! */
        display: block !important
    }

    .hide_me {
        display: none
    }
    #verein {
        padding-top: 50px!important
    }
    .head {
        position: relative;
        margin-left: 0;
        left: auto;
        width: 100%;
        background-size: cover!important
    }
    .navbar-toggle {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .navbar-default .navbar-toggle {
        border-color: transparent;

    }
    .section-title h2 {
        line-height: 28px;
        font-size: 20px
    }
    .intro-text {
        padding-top: 225px;
        padding-bottom: 165px;
        text-align: center;
        text-shadow: 0 1px 2px rgba(100, 100, 100, 1)
    }
    .intro-text h1 {
        padding-right: 0
    }
    .intro-text H1 {
        font-size: 24px
    }
    .intro-text p {
        font-size: 24px;
        padding-right: 0
    }
    #world-section .row {
        margin-bottom: 50px
    }
    #world-section .world {
        text-align: center
    }
    .margin-top {
        margin-top: 100px;
        text-align: center
    }
    .section-title {
        padding: 30px 0
    }
    #testimonial .item p {
        font-size: 14px
    }
    #verein {
        padding: 20px 0
    }
    #services-section .section-title p {
        padding: 0;
        font-size: 12px;
        line-height: 24px
    }
    #services-section {
        padding: 20px 0
    }
    #content {
        top: 0;
        position: relative
    }

      #buttons {
	    z-index:999999 !important;
	    position:fixed !important;
	    transform: scale(0.8) !important;
	    right:-50px !important;
	    top:33px !important;

    }

    .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: -10px !important;
  background: transparent
}

  #footer {
	    display:none;
	    position:relative !important;
    }

    #verein {
	    margin-top:67px !important
    }

}




@media (max-width: 1200px) {

.grid {
	margin-top:-17px !important
}

.grid-item {
	  position: relative;
	  float: left;
	  width: 304px !important;
	  height: 217px !important;
	  margin: 5px;
	  padding: 10px;
	  background: #1c3382;
	  color: #fff;
	  cursor:default;
}


h2,h5 {
	margin-left:90px
}

iframe {
	margin-left:30px !important;
	float:right !important;
	 -webkit-transition: all 550ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}

 #verein {
	    margin-top:27px
    }

.single_page header {
	}

    .single_page .head {
	 position:relative;
	height:350px;
	margin-top:-80px;
	background-size:100% !important;
		background-position: 0px -50px !important

	}

	.single_page .head .intro-text {
		display: block;
		margin-top:-85px !important;
		text-shadow: rgba(0,0,0,0.4) 2px 2px 2px;
	}


    #blase_next {
        margin-left: 750px;
        margin-top: 587px
    }
    #blase_prev {
        margin-left: 0;
        margin-top: 587px
    }
    #blase_help {
        margin-left: 690px;
        margin-top: 60px
    }
    #blase_navi {
        margin-left: 0;
        margin-top: 60px
    }
    header {
        max-height: 500px!important
    }
    .intro-text {
        padding-top: 315px;
        padding-bottom: 165px
    }
    #content {
        margin-top: -150px
    }

    .header-section-bg {
        top: 0;
        height: 200%
    }
    #logo {
        width: auto !important;
        height: 60px !important;
        margin-top: 5px
    }

    #stadt {
	    display:none
    }

    #buttons {
	    z-index:9999 !important;
	    position:fixed !important;
	    transform: scale(0.7) !important;
	    right:-40px !important;
	    margin-top:-41px !important;
	    width:490px !important
    }

    .button {border:0px !important;}

    .button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: -1px !important;
}


    /*#projekte {
        background: #fff;
        margin-top: -57px;
        height: 510px !important;
        padding-top: 14px
    }*/


    .border-right {
        border-right: 1px solid silver;
        height: 485px;
        overflow-y: hidden
    }
    #mkt {
        height: auto !important;
        padding-bottom:40px !important;
        display: block
    }
    #circle-section .absolut {
        width: 400px
    }
    #world-section .world-four,
    #world-section .world-two {
        margin-top: 78px
    }
    #world-section .world-one {
        margin-top: 38px
    }
    #world-section .world-three img.three {
        margin-left: 64px
    }
}
@media (min-width: 768px) {
    .white {
        margin-left: -375px;
        bottom: -70px
    }
    .head {
        margin-left: -375px
    }
    #menu.navbar-default .navbar-nav > li > a {
        letter-spacing: 0px;
        padding: 20px 8px;

    }
}
@media (min-width: 992px) {
    .white {
        margin-left: -485px;
        bottom: -70px
    }
    .head {
        margin-left: -485px
    }
    .navbar-brand > img {
        width: 140px;
        margin-top: 4px
    }
    #menu.navbar-default .navbar-nav > li > a {
        letter-spacing: 2px !important;
        padding: 20px 15px
    }
    .c1 {
        right: 250px
    }
    .c2 {
        right: 131px;
        top: 109px
    }
    .c3 {
        right: 125px;
        top: 390px
    }
    .c4 {
        right: 239px;
        top: 548px
    }
    .c5 {
        right: 522px;
        top: 547px
    }
    .c6 {
        right: 685px;
        top: 387px
    }
}
@media (min-width: 1200px) {
    .head {
        margin-left: -585px
    }
    .white {
        margin-left: -585px
    }

    .single_page header {

	}

    .single_page .head {
		 position:relative;
		height:350px;
		background-size:100% !important;
		background-position: 0px -200px !important
	}

	.single_page .head .intro-text {
		display: block;
		margin-top:-233px !important;
		text-shadow: rgba(0,0,0,0.4) 2px 2px 2px;
	}

	.single_page {
		width:100% !important;
		padding:0 !important;
		min-width:1160px !important
	}

}

.mehr {
	cursor:pointer !important;
    margin-left;-2px;
	background: #bac6ce;
	padding-top: 3px;
	padding-right: 6px;
	padding-left: 6px;
	color: #FFFFFF;
	border:0px solid #fff;
	font-weight:normal;
	 -webkit-transition: all 250ms ease;
    -moz-transition: all 550ms ease;
    -o-transition: all 550ms ease;
    -ms-transition: all 550ms ease;
    transition: all 550ms ease;
    outline: 0 none;
    border-bottom: none;
}

.mehr a {
	border-bottom: none !important;
}

.mehr:hover {
	color:#1c424d !important;
	background: #EEBF34;
	/*letter-spacing:1px;*/
    -webkit-transition: all 250ms ease;
    -moz-transition: all 550ms ease;
    -o-transition: all 550ms ease;
    -ms-transition: all 550ms ease;
    transition: all 550ms ease;
    cursor:pointer
}

#contact-form {
	display:none
}


.title-text {
	position:absolute;
	display:none;
    font-size: 32px;
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 2px;
    padding-right: 14px;
    margin-top:60px;
}




#search {
	position:relative;
	width:100%;
	background: transparent !important;
	padding:0px;
	padding-top:36px;
	text-align:center;
	margin: 0 auto;
	border-top: 0px solid rgba(255,255,255,0.3);
	border-bottom: 0px solid rgba(255,255,255,0.3);
	margin-bottom:70px !important;
	margin-top:-50px !important
}

#search .panel {
	max-width:1140px;
	margin-ledt:-10px;
	background: transparent !important;
	color:#fff !important;
	border: 1px solid rgba(255,255,255,0.8);
	padding:10px
}

#search .panel a {
	color:#fff;
	text-decoration:none
}

#search .panel a:hover {
	letter-spacing:0.7px;
	text-decoration:none;
	background: rgba(255,255,255,0.2) !important
}

.form-control {
	color: #fff !important;
	background: rgba(255,255,255,0.14) !important;
	border-radius: 3px !important;
	float:left !important;
	border:1px solid #fff !important
}

#Suchen {
	position:absolute;
	background: #cc2100 !important;
	border:0 !important;
	margin-left:-68px;
	margin-top:15px;
	height:38px;
	border:1px solid #fff !important;
	border-radius: 0 5px 5px 0;
	color:#15243c;
	background:#3a2a7f !important
}

#Suchen:hover {
	color:#fff !important
}


@media (min-width: 768px) {
	#iframe {
	height:700px !important;
	margin-bottom: 30px !important
	}
	
	 #buttons {
	 right:100px !important   
    }
    
}
@media (min-width: 1200px) {
	#iframe {
	height:700px !important;
	margin-bottom: -30px !important
	}
}


@media (max-width: 650px) {
	#iframe {
	height:550px !important;
	-webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease
    }
    
     #buttons {
	 right:40px !important   
    }
}



@media (max-width: 490px) {
	#iframe {
	height:500px !important;
	-webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease
    }
}



@media (max-width: 700px) {
	#menu.navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
    color: #222;
    font-size: 13px;
    height: 30px;
    padding-top: 5px !important;
    letter-spacing: 0;
	}
}

#menu {
	border-bottom: #e12a23 3px solid !important;
	box-shadow: rgba(0,0,0,0) 20px 20px 20px;
	padding-bottom: -5px
}