/**
       * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
       * http://cssreset.com
       */
      html, body, div, span, applet, object, iframe,
      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
      a, abbr, acronym, address, big, cite, code,
      del, dfn, em, img, ins, kbd, q, s, samp,
      small, strike, strong, sub, sup, tt, var,
      b, u, i, center,
      dl, dt, dd, ol, ul, li,
      fieldset, form, label, legend,
      table, caption, tbody, tfoot, thead, tr, th, td,
      article, aside, canvas, details, embed,
      figure, figcaption, footer, header, hgroup,
      menu, nav, output, ruby, section, summary,
      time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
      }
      /* HTML5 display-role reset for older browsers */
      article, aside, details, figcaption, figure,
      footer, header, hgroup, menu, nav, section {
        display: block;
      }
      body {
        line-height: 1;
      }
      ol, ul {
        list-style: none;
      }
      blockquote, q {
        quotes: none;
      }
      blockquote:before, blockquote:after,
      q:before, q:after {
        content: '';
        content: none;
      }
      table {
        border-collapse: collapse;
        border-spacing: 0;
      }

      /**
       * Clearfix
       */

      /* Der Kern von Clearfix */
      .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        font-size: 0;
        height: 0;
        visibility: hidden;
      }

      /* IE-Patch für IE 7*/
      *:first-child+html .clearfix { min-height: 0; }

      /* IE-Patch für IE 6*/
      * html .clearfix { height: 1%; }

      /**
       * infogrfx.com CSS v1.1
       * https://infogrfx.com
       */
      @font-face {
    		font-family: 'Populaire';
   			src: url('populaire-regular.eot');
    		src: url('populaire-regular.eot?#iefix') format('embedded-opentype'),
         url('populaire-regular.woff') format('woff'),
         url('populaire-regular.ttf') format('truetype'),
         url('populaire-regular.svg#Populaire') format('svg');
    font-weight: normal;
    font-style: normal;
}

      body {
        font-family: 'Open Sans', sans-serif;

        padding:5px;
        text-rendering: optimizeLegibility; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop) zoom: 1;
      }
      h1, h2, h3, h4, h5, h6 { font-weight:600; }
      p {
        line-height: 1.5; margin: 0 0 1em;
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
      }
      a,
      a:visited   { text-decoration: underline; color: #cc071e;}
      a:hover     { text-decoration: none; }
      a:active    { color: tomato; }
      a:focus     { border: 1px dotted tomato; }
      h1 {
        font-family: 'Populaire', sans-serif;
        text-align:center;
        font-size: 62px;
				/* margin: .2em 0;*/
        padding-bottom: 50px;
        padding-top: 30px;
        color: #cc071e;
      }
      strong { font-weight:600; }

			main {
				background: #d3dee5 !important;
				}

      #content {
        max-width:770px;
        min-width:260px;
        margin:0 auto;
      }

      #intro {
        padding-top:10px;
      }

      #intro p {
        padding-bottom:15px;
      }

			#teasertext {
				margin: 0 50px;
				padding-bottom: 20px;
			  }

			#teasertext p {
				font-size: 0.9em;
				color: #000;
				}

			#social {
				padding-top: 20px;
				padding-bottom: 20px;
			  }

			#social div {
				max-width:500px;
				margin-left: auto;
				margin-right: auto;
				text-align: center;
				}

			#social p {
				font-size: 0.9em;
				color: #000;
				text-align: center;
				}

			#germanymap {
				position: relative;
				margin-bottom: 30px;
				width:100%;
    		max-width:750px;
				}

			#germanymap img {
				width:100%;
    		max-width:731px;
    		display: block;
    		margin-left: auto;
    		margin-right: auto;
			}

			#bubbles {
				font-size: 12px;
				width:100%;
    		max-width:770px;
				}

			.bubble {
				height: 256px;
				width: 366px;
				display: block;
			  margin-left: 15px;
				margin-bottom: 10px;
				float: left;
				color: #fff;
				}

			.bubble div {
				margin: 20px 40px;
				}

			.bubble h2 {
				font-family: 'Populaire', sans-serif;
				font-size: 30px;
				margin-bottom: 10px;
				}

			#bubble1 {
				background: url(../img/bubble1.png) no-repeat;
				}

			#bubble2 {
				background: url(../img/bubble2.png) no-repeat;
				}

			#bubble3 {
				background: url(../img/bubble3.png) no-repeat;
				}

			#bubble4 {
				background: url(../img/bubble4.png) no-repeat;
				}

			#bubble5 {
				background: url(../img/bubble5.png) no-repeat;
				}

			#bubble6 {
				background: url(../img/bubble6.png) no-repeat;
				}

			#bubble7 {
				background: url(../img/bubble7.png) no-repeat;
				}

			#bubble8 {
				background: url(../img/bubble8.png) no-repeat;
				}

			#reisefakten img {
				width:100%;
    		max-width:710px;
    		display: block;
    		margin-left: auto;
    		margin-right: auto;
			}