/* stylelint-disable selector-list-comma-newline-after */
@font-face {
    font-family: "FagoCo-Medium";
    src: url("af24f1822c4f71af360b9d5cb744ad74.eot"); /* IE9*/
    src: url("af24f1822c4f71af360b9d5cb744ad74.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("af24f1822c4f71af360b9d5cb744ad74.woff2") format("woff2"), /* chrome、firefox */ url("af24f1822c4f71af360b9d5cb744ad74.woff") format("woff"), /* chrome、firefox */ url("af24f1822c4f71af360b9d5cb744ad74.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("af24f1822c4f71af360b9d5cb744ad74.svg#FagoCo-Medium") format("svg"); /* iOS 4.1- */
}

@font-face {
    font-family: 'Animals';
    src: url('Animals.ttf.woff') format('woff'),
    url('Animals.ttf.svg#Animals') format('svg'),
    url('Animals.ttf.eot'),
    url('Animals.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

.atab {
	tab-size:30; 
	-moz-tab-size:30; 
	-ms-tab-size:30;
	white-space: pre;
}

.blog-header {
    line-height: 1;
    /*border-bottom: 1px solid #e5e5e5;*/

}

.blog-header-logo:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif;
}

.display-4 {
    font-size: 2.5rem;
}

@media (min-width: 768px) {
    .display-4 {
        font-size: 3rem;
    }
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

.nav-scroller .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
}

.card-img-right {
    height: 100%;
    border-radius: 0 3px 3px 0;
}

.flex-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
}

.h-250 {
    height: 250px;
}

@media (min-width: 768px) {
    .h-md-250 {
        height: 250px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

/*
 * Blog name and description
 */
.blog-title {
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 400;
}

.blog-description {
    font-size: 1.1rem;
    color: #999;
}

@media (min-width: 40em) {
    .blog-title {
        font-size: 3.5rem;
    }
}

/* Pagination */
.blog-pagination {
    margin-bottom: 4rem;
}

.blog-pagination > .btn {
    border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
    margin-bottom: 4rem;
}

.blog-post-title {
    margin-bottom: .25rem;
    font-size: 2.5rem;
}

.blog-post-meta {
    margin-bottom: 1.25rem;
    color: #999;
}

/*
 * Footer
 */
.blog-footer {
    height: 162px;
    padding: 6rem 0;
    color: #999;
    text-align: center;
    background-color: transparent;
}

.blog-footer p:last-child {
    margin-bottom: 0;
}

.ellipse {
    width: 100%;
    height: 167px;
    /* margin: 20px; */
    /* position: absolute; */
    /* shape-outside: ellipse(20% 50%); */
    clip-path: ellipse(869px 213px at 310px -46px);
    -webkit-clip-path: ellipse(869px 213px at 310px -46px);

    /* clip-path: ellipse(1187px 124px at -46px 11px); */
    background: #bee0d6;
}

.ellipse2 {
    z-index: -10;
    bottom: 0;
    width: 100%;
    height: 162px;
    /* margin: 20px; */
    /* position: absolute; */
    /* shape-outside: ellipse(20% 50%); */
    clip-path: ellipse(869px 213px at 332px 229px);
     -webkit-clip-path: ellipse(869px 213px at 332px 229px);
    /* clip-path: ellipse(1187px 124px at -46px 11px); */
    background: #bee0d6;
}

.blog-header-logo {
    width: 464px;
    padding-left: 40px;
}

.fago {
    font-family: "FagoCo-Medium" !important;
    font-size: 44px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 2px;
    display: inline-block;
}

#cat {
    background-image: url(cat.svg);
    position: relative;
    left: -14px;
    top: -5px;
    background-size: cover;
    overflow-anchor: visible;
    height: 76px;
    width: 45px;
    color: transparent;
    display: inline-block;

}

#torium {
    position: relative;
    left: -14px;
}

#burg {
    font-size: 37px;
    font-style: normal;
    position: relative;
    top: -38px;
    letter-spacing: 1px;

}

.logoletter_g {
    display: inline-block;

    font-size: 37px;
    font-style: normal;
    transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);

    /* Firefox */
    -moz-transform: rotate(-4deg);

    /* IE */
    -ms-transform: rotate(-4deg);

    /* Opera */
    -o-transform: rotate(-4deg);
}

.logoletter_a {
    display: inline-block;
    position: relative;

    top: 2px;
    font-size: 37px;
    font-style: normal;
    transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);

    /* Firefox */
    -moz-transform: rotate(-4deg);

    /* IE */
    -ms-transform: rotate(-4deg);

    /* Opera */
    -o-transform: rotate(-4deg);
}

.logoletter_s1 {
    display: inline-block;
    position: relative;

    font-size: 37px;
    font-style: normal;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);

    /* Firefox */
    -moz-transform: rotate(-2deg);

    /* IE */
    -ms-transform: rotate(-2deg);

    /* Opera */
    -o-transform: rotate(-2deg);
}

.logoletter_s2 {
    display: inline-block;
    position: relative;

    font-size: 37px;
    font-style: normal;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);

    /* Firefox */
    -moz-transform: rotate(-2deg);

    /* IE */
    -ms-transform: rotate(-2deg);

    /* Opera */
    -o-transform: rotate(-2deg);
}

.logoletter_e {
    display: inline-block;
    position: relative;

    font-size: 37px;
    font-style: normal;
    transform: rotate(-12deg);
    -webkit-transform: rotate(-12deg);

    /* Firefox */
    -moz-transform: rotate(-12deg);

    /* IE */
    -ms-transform: rotate(-12deg);

    /* Opera */
    -o-transform: rotate(-12deg);
}

#logodrmartin {
    display: inline-block;
    position: relative;
    top: -42px;
    left: -8px;
    letter-spacing: 0.3px;

    font-size: 26px;
    font-style: normal;
    transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);

    /* Firefox */
    -moz-transform: rotate(-7deg);

    /* IE */
    -ms-transform: rotate(-7deg);

    /* Opera */
    -o-transform: rotate(-7deg);
}

#maus {
    background-image: url(maus.svg);
    position: relative;
    left: -45px;
    top: -30px;
    background-size: cover;
    height: 20px;
    width: 29px;
    color: transparent;
    display: inline-block;

}

body {
    /*background-color: #ecf4ff;*/
}

div.container {
    background-color: white;

    padding-right: 0px;
    padding-left: 0px;

}

.header-text {
    color: #531b1a;
    font-size: 15px;
    padding-bottom: 10px;
    line-height: 1.4;
    font-family: "Comic Sans MS";
}

.footer-text {
    color: #531b1a;
    font-size: 19px;
    padding-bottom: 10px;
    line-height: 1.4;
    font-family: "Comic Sans MS";
}

/*
#footercontainer::before {
    font-family: Animals;
    content: '\0063';
    font-size: 100px;
height: 10px;
    z-index: 100;
/*\0023\0044\0052\0032\
}
*/
a:link {
    color: #531b1a;
    background-color: transparent;
    text-decoration: none;
}

a:visited {
    color: #531b1a;
    background-color: transparent;
    text-decoration: none;
}

@media (min-width: 577px) {
    div.container {
        border-left: solid 10px;
        border-right: solid 10px;
        border-color: #14213D; /*#003134*/;

    }

    #lastcontainer {
        border-radius: 0px 0px 25px 25px;

    }

    #firstcontainer {
        border-radius: 25px 25px 0px 0px;

    }

    .ellipse {
        border-color: #14213D !important;
        border-top: solid 10px;
        border-radius: 25px 25px 0px 0px;

    }

    .ellipse2 {
        border-color: #14213D !important;
        border-radius: 0px 0px 25px 25px;

        border-bottom: solid 10px;

    }

    .fullcontainer {
        position: relative;
        top: 20px;

    }

}

@media (max-width: 576px) {
    .blog-footer {
        padding: 3rem 0 !important;
    }

    .blog-header-logo {
        width: 317px;
        padding-left: 20px;
    }

    .fago {
        font-family: "FagoCo-Medium" !important;
        font-size: 28px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
        letter-spacing: 2px;
        display: inline-block;
    }

    #cat {
        background-image: url(cat.svg);
        position: relative;
        left: -9px;
        top: -5px;
        background-size: cover;
        overflow-anchor: visible;
        height: 50px;
        width: 30px;
        color: transparent;
        display: inline-block;

    }

    #torium {
        position: relative;
        left: -9px;
    }

    #burg {
        font-size: 25px;
        font-style: normal;
        position: relative;
        top: -25px;
        letter-spacing: 1px;

    }

    .logoletter_g {
        display: inline-block;

        font-size: 25px;
        font-style: normal;
        transform: rotate(-4deg);
        -webkit-transform: rotate(-4deg);

        /* Firefox */
        -moz-transform: rotate(-4deg);

        /* IE */
        -ms-transform: rotate(-4deg);

        /* Opera */
        -o-transform: rotate(-4deg);
    }

    .logoletter_a {
        display: inline-block;
        position: relative;

        top: 2px;
        font-size: 25px;
        font-style: normal;
        transform: rotate(-4deg);
        -webkit-transform: rotate(-4deg);

        /* Firefox */
        -moz-transform: rotate(-4deg);

        /* IE */
        -ms-transform: rotate(-4deg);

        /* Opera */
        -o-transform: rotate(-4deg);
    }

    .logoletter_s1 {
        display: inline-block;
        position: relative;

        font-size: 25px;
        font-style: normal;
        transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);

        /* Firefox */
        -moz-transform: rotate(-2deg);

        /* IE */
        -ms-transform: rotate(-2deg);

        /* Opera */
        -o-transform: rotate(-2deg);
    }

    .logoletter_s2 {
        display: inline-block;
        position: relative;

        font-size: 25px;
        font-style: normal;
        transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);

        /* Firefox */
        -moz-transform: rotate(-2deg);

        /* IE */
        -ms-transform: rotate(-2deg);

        /* Opera */
        -o-transform: rotate(-2deg);
    }

    .logoletter_e {
        display: inline-block;
        position: relative;

        font-size: 25px;
        font-style: normal;
        transform: rotate(-12deg);
        -webkit-transform: rotate(-12deg);

        /* Firefox */
        -moz-transform: rotate(-12deg);

        /* IE */
        -ms-transform: rotate(-12deg);

        /* Opera */
        -o-transform: rotate(-12deg);
    }

    #logodrmartin {
        display: inline-block;
        position: relative;
        top: -28px;
        left: -8px;
        letter-spacing: 0.3px;

        font-size: 17px;
        font-style: normal;
        transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);

        /* Firefox */
        -moz-transform: rotate(-7deg);

        /* IE */
        -ms-transform: rotate(-7deg);

        /* Opera */
        -o-transform: rotate(-7deg);
    }

    #maus {
        background-image: url(maus.svg);
        position: relative;
        left: -25px;
        top: -20px;
        background-size: cover;
        height: 15px;
        width: 20px;
        color: transparent;
        display: inline-block;

    }
}

/*
.ellipse {




  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(#bee0d6ff,#bee0d6ff);
  position: absolute;
  width: 100%;
  height: 400px;
  top: -200px;
  left: -200px;
}
*/