@charset "UTF-8";

@font-face {

    font-family: 'Corbel';

    src: url('fonts/Corbel.ttf') format('truetype');

}

@font-face {

    font-family: 'Corbel-bold';

    src: url('fonts/Corbel-Bold.ttf') format('truetype');

}

body {

    font-family: Corbel, Helvetica, Arial, "sans-serif";

}

h1 {

}

a {

    color: #23527c

}

a:focus, a:hover {

}

section {

    padding-top: 5%;

    padding-bottom: 5%

}

.mt-100 {

    margin-top: 100px

}

.pl-80 {

    padding-left: 80px

}

.pb-100 {

    padding-bottom: 100px

}

.bold {

    font-family: Corbel-bold, Helvetica, Arial, "sans-serif";

}

.wooden-background {

    background-image: url(../images/bg.jpg);

    background-size: cover;

}

.img-responsive {

    margin: 0 auto;

}

.m-resp {

    margin-left: 42px;

    margin-top: 30px

}

.pin-strandtreff {

    width: 600px;

    margin: 0 auto;

}

.welle-strandtreff {

    width: 600px;

    margin: 0 auto;

}

.strandtreff-bild2 {

    width: 400px;

}

.text {

    font-size: 20pt;

    color: #B0B0B0;

    font-family: Corbel, Helvetica, Arial, "sans-serif";

}

.text-white {

    font-size: 18pt;

    color: #fff;

    font-family: Corbel, Helvetica, Arial, "sans-serif";

}

.bullet {

    width: 400px

}

/*.bubble-oben {

    margin-left: -150px;

}*/

.pointer {

    cursor: pointer

}

/********************* COLORS ********************/

.fa-facebook-official {

    color: #3b5998

}

.blue-curly-bg {

    background-image: url(../images/../images/Strandtreff-bg.png);

    background-size: cover;

}

/******************** HOME ********************/

.titel-img {

    background-image: url(../images/titelbild.jpg);

    background-size: cover;

    background-position: center;

    height: 400px

}

/********************* FOOTER *******************/

footer {

    height: 60px;

    background-color: #fff;

    color: #B0B0B0

}

.footer-text {

    padding-top: 20px;

}



@media (max-width: 990px) {

.navbar-brand {

    display: none

}

.box > .icon > .info {

    margin-top: 5px

}

}



@media (max-width: 1127px) {

.m-resp {

    margin-left: 121px;

    margin-top: 56px

}

}



@media (max-width: 986px) {

.titel-img {

    background-image: url(../images/titelbild-tablet.jpg);

    background-size: cover;

    background-position: center;

    height: 400px

}

.box > .icon > .info {

    margin-top: 5px

}

}



@media (max-width: 782px) {

.titel-img {

    background-image: url(../images/titelbild-mobil.jpg);

    background-size: cover;

    background-position: center;

    height: 400px;

}

.m-resp {

    margin-left: 138px;

    margin-top: -260px

}

.box > .icon > .info {

    margin-top: 5px

}

}



@media (max-width: 676px) {

.titel-img {

    background-image: url(../images/titelbild-mobil.jpg);

    background-size: cover;

    background-position: center;

}

.welle-strandtreff {

    width: auto;

}

.pin-strandtreff {

    width: auto

}

.m-resp {

    margin-left: 14px;

    margin-top: -319px

}

.box > .icon > .info {

    margin-top: 5px

}

.blue-curly-bg {

    background-image: none;

}

.pb-100 {

    padding-bottom: 0px

}

.pl-80 {

    padding-left: 30px

}

.text-white {

    background-color: rgba(0,92,150,0.6);

    padding: 10px

}

.bullet {

    width: 90%;

}

.mt-100 {

    margin-top: 40px

}

}



@media (max-width: 451px) {

.m-resp {

    margin-left: 14px;

    margin-top: -152px

}

}

@media (max-width: 375px) {

.m-resp {

    margin-left: 14px;

    margin-top: -82px

}

}



@media (max-width: 320px) {

.m-resp {

    margin-left: 14px;

    margin-top: -64px

}

}