/* Hintergrund ganze Seite oder nur oben, nur unten / Schrift ganze Seite */
body {
    background: #fff url("files/Admin/Logo/chreis-hintergrund.jpg") center center no-repeat;
    font: 1.8em Gibson, Arial;
    background-size: cover;
}

body.whiteBackground {
    background-image: none;
}

/* 2. Hintergrundbild */
#wrapper {
    background-image: url("files/trumpf/img/pattern/transparent_60.png");
    background-repeat: repeat;
}

/* Font für hervorgehobene (fette) Texte */
body b,
body strong,
blockquote {
    font-family: Gibson-SemiBold, Times;
    font-weight: normal;
}

/* Links im Text unterstrichen */
#main a {
    text-decoration: underline;
    color: #b40404;
}

/* Font für feine Texte */
#header-address>[class^="ce_"] {
    font-family: Gibson-Light, Gibson, Arial;
    font-weight: normal;
}

/* maximale Logo-Grösse (max-height) */
#logo figure img {
    width: auto;
    max-height: 150px;
    float: left;
}

/* maximale Logo-Grösse (max-height) */
.peter #logo figure img {
    width: auto;
    max-height: 120px;
}

/* Navigation, z.B. Zeichenabstand, Grossbuchstaben etc. Schriftgrösse besser in Editor-Gross */
.navbar-default .navbar-nav>li>a {
    letter-spacing: .03em;
}

/* Hintergrund Inhaltsbereiche */
.container>.navbar-header,
#container .container,
#navbar {
    background-color: #fff;
}

/* Formatierungen aller Titel */
h1,
h2,
h3 {
    font-family: Gibson-SemiBold, Times;
    font-weight: normal;
    line-height: 1.2;
}

h1 {
    font-size: 200%;
}

/* Ausrichtung Seitentitel */
.seitentitel {
    text-align: center;
    font-size: 1.35em;
    margin-top: 1em;
}

h2 {
    font-size: 160%;
}

h3 {
    font-size: 130%;
    line-height: 170%;
}

p,
p em {
    line-height: 1.6em;
}

/* Akkordion-Titel */
.ui-accordion-header {
    background-color: #5f5f4e;
}

/* Dicke des Bildrahmens */
#main .image_container {
    border-top: 3px;
}

@media (min-width: 768px) {

    /* Navigation, z.B. Schriftgrösse, Grossbuchstaben etc. */
    .navbar-default .navbar-nav>li a {
        letter-spacing: .03em;
    }

    /* Hintergrundbild oder -farbe Header */
    .container>.navbar-header {}

    #logo figure img {
        float: none;
    }

    header .nav {
        text-align: center;
    }
}

.unten {
    vertical-align: bottom;
}

.zitatslider>.container>.row {
    padding-top: 70px;
    padding-right: 70px;
    padding-left: 70px;
}

.zitatslider .ce_text blockquote {
    font-size: 32px;
    line-height: 46px;
}

.fullwidth .container {
    width: auto;
}

.fullwidth .container,
.fullwidth .row,
.fullwidth [class*="col"],
#container .fullwidth .ce_image {
    padding: 0;
    margin: 0;
}

.image_fullwidth {
    width: 100%;
    height: 450px;
    background-size: cover;
    background-position: center;
}

.kontakt {
    font-size: 130%;
    letter-spacing: 105%;
}

.share-buttons {
    #share-buttons img {
        width: 35px;
        padding: 5px;
        border: 0;
        box-shadow: 0;
        display: inline;
    }
}

/* test - analog p */
.mod_eventlist {
    padding-bottom: 11px;
}

h4 {
    font-size: initial;
    font-weight: bold;
}

.bild-mitte-klein img {
    max-width: 44%;
    display: block;
}

.mod_eventlist .layout_upcoming>* {
    display: inline;
}

#container [class*="farbe"].myAnmeldung a {
    font-size: 200%;
    text-decoration: none;
}

#container [class*="farbe"].myAnmeldung p {
    margin-bottom: 0;
}

#container .upcoming figure,
#container .current figure {
    margin-bottom: 0;
}

#container .upcoming h3,
#container .current h3 {
    margin-top: 0.5em;
    margin-bottom: 0.1em;
}

#container .upcoming p,
#container .current p {
    margin-bottom: 0;
}

#container .upcoming figure,
#container .current figure {
    position: relative;
    min-height: 66.66667%;
}

#container .upcoming img+img,
#container .current img+img {
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity 1s ease-in-out;
    opacity: 1;
}

hr {
    border-top: 2px solid black;
    width: 100%;
    margin: 1em 0 2em;
}

#main div:not([class*="farbe"]) .no-line td,
#main div:not([class*="farbe"]) .no-line th {
    border-bottom: 0;
}

p[class^="social"].social-insta>a {
    background-image: url("files/trumpf/img/instagram.png");
    background-size: 100% 100%;
    margin-left: 3px;
}

.farbblock {
    background-color: #E9E9E5;
    background-color: rgba(107, 107, 84, .15);
}

#container .farbblock .container,
.farbblock>.container>.row,
.farbblock .farbblock {
    background-color: transparent;
}

iframe {
    border-width: 0;
}

.abstand_beide {
    margin-top: 40px;
    margin-bottom: 40px;
}

.bild-mitte-klein img {
    max-width: 100%;
    display: block;
}

.bild-mitte-kleiner img {
    max-width: 44%;
    display: block;
}

#container iframe+h3,
#container iframe+h2 {
    margin-top: 0;
}

#header-address>[class^="ce_"],
#header-address .mod_changelanguage {
    border-width: 0;
}

.whiteBackground .farbblock.farbe3 {
    background-color: #C4A484;
}

.whiteBackground .farbblock.farbe4 {
    background-color: #BEB238;
}

.whiteBackground .farbblock.farbe5 {
    background-color: #37774D;
}

.whiteBackground .farbblock.farbe6 {
    background-color: #b40404;
}

/* kursiv italic ist gross */
em {
    display: block;
    text-align: center;
    font-style: normal;
    font-size: 3em;
}

.abstand_unten {
    padding-bottom: 3em;
}

.abstand_oben {
    padding-top: 3em;
}

.abstand_oben_50 {
    padding-top: 1.5em;
}

.abstand_unten_50 {
    padding-bottom: 1.5em;
}

.abstand_0,
.farbblock .abstand_0 {
    padding-top: 0;
    padding-bottom: 0;
}

.farbblock .ce_text blockquote {
    margin-top: 1em;
}

.farbblock .mod_eventlist .layout_full h3+.ce_text {
    padding-top: 0;
}

.linkrot {
    background-color: #b40404;
    color: white;
}

#container .layout_latest h2 {
    margin-top: 0
}

@media (max-width: 767px) {
    .mobile-bild-mitte img {
        max-width: 33%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .mobile-bild-mitte img {
        max-width: 50%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

h1,
h2,
h3,
a:hover,
a:focus,
header nav li a.active,
header nav li a.trail {
    color: #5f5f4e;
}

a,
blockquote {
    line-height: 120%;
    color: #6b6b54;
    letter-spacing: 101;
    word-spacing: 102;
}

.navbar-default .navbar-nav>li>a.active,
.navbar-default .navbar-nav>li>a.active>span,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    border-color: #5f5f4e;
    color: #5f5f4e;
}



h2 {
    color: #6b6b54;
}

.farbe1>.inner {
    background-color: #5f5f4e;
}

.farbe2>.inner {
    background-color: #6b6b54;
}

#container .farbblock .ce_headline {
    background-color: #5f5f4e;
}

.farbblock>.container>.row,
.whiteBackground .farbblock,
p.more {
    background-color: rgba(6b6b54, .15);
}

/* 
#main .image_container {
    //border-top: 3px solid #5f5f4e;
}

*/