/*
 Theme Name:   Customized Child Theme
 Theme URI:    http://www.projektview.com
 Description:  Child theme
 Author:       Black Garage
 Author URI:   http://www.projektview.de
 Template:     generatepress
 Version:      6.9.4
*/





/* ---------------------------------
      FONTS
   --------------------------------- */

@font-face {
    font-family: 'base';
    src: url('/wp-content/uploads/webfonts/opensans-regular.woff2') format('woff2'),
		url('/wp-content/uploads/webfonts/opensans-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'bold';
    src: url('/wp-content/uploads/webfonts/opensans-bold.woff2') format('woff2'),
		url('/wp-content/uploads/webfonts/opensans-bold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'light';
    src: url('/wp-content/uploads/webfonts/opensans-light.woff2') format('woff2'),
		url('/wp-content/uploads/webfonts/opensans-light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'title';
    src: url('/wp-content/uploads/webfonts/opensans-bold.woff2') format('woff2'),
		url('/wp-content/uploads/webfonts/opensans-bold.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}














/* ---------------------------------
      VARIABLES
   --------------------------------- */

:root {
	--ci: #ba0c2f;
    --cilight: #272727;
    --base: #fff;
    --contrast: #000;
	--cierror: #cc0528;
	--orakelgruen: #498c28;
    --outer: 1920px;
	--inner: 1100px;
	--inner-xs: 900px;
	--inner-pad: 40px;
	--inner-pad-m: 15px;
	--fbase: 'base', sans-serif;
	--fbold:  'bold', sans-serif;
	--flight:  'light', sans-serif;
	--ftitle: 'title', sans-serif;
}









/* ---------------------------------
      GENERAL
   --------------------------------- */

body,
html {
	/*height: 100%;
    background: transparent url('/wp-content/uploads/content/logo.svg') no-repeat center center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;*/
}

html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

/* avoid mobile x scrolling */
html, body {
    overflow-x: hidden;
}

body {
    position: relative;
}

body {
	font-family: var(--fbase);
}

a:link,
a:visited {
	color: var(--cilight);
    text-decoration: none;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

a:hover,
a:active {
	color: var(--ci);
}

.entry-content a {
	font-family: var(--fbold);
}

button {
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

body,
section,
input,
a {
	outline: none !important;
}

.entry-content {
	padding: 0;
	margin: 0;
}

em {
	font-style: normal;
}

p {
	margin-bottom: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-family: var(--ftitle);
    margin-top: 0;
    margin-bottom: 0;
}

.widget-title {
    margin-bottom: 0;
}

strong {
	font-family: var(--fbold);
}

figcaption {
	color: var(--ci);
	font-size: 0.8em;
}

.inner .panel-grid-cell {
	width: var(--inner) !important;
    max-width: 100%;
	margin: 0 auto;
	padding-right: var(--inner-pad);
	padding-left: var(--inner-pad);
}

.inner-xs .panel-grid-cell {
	width: var(--inner-xs) !important;
    max-width: 100%;
	margin: 0 auto;
	padding-right: var(--inner-pad);
	padding-left: var(--inner-pad);
}

/* for siteorigin mirror widget */
.inner .panel-grid-cell .so-panel .panel-grid-cell,
.inner-xs .panel-grid-cell .so-panel .panel-grid-cell {
    max-width: auto !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}

ul.menu {
	list-style-type: none;
	margin-left: 0;
}

ul.menu li {
	list-style-type: none;
	margin-left: 0;
}

ul,
ol {
    margin: 0;
}




.cta a:link,
.cta a:visited {
	display: inline-block;
	background-color: var(--ci);
	font-family: var(--fbold);
	color: #fff;
    text-decoration: none !important;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 15px;
	padding: 15px 60px 15px 60px;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

.cta a:hover,
.cta a:active {
	background-color: var(--cilight);
	color: var(--ci);
}

.cta a:only-child {
	margin-right: 0;
	margin-left: 0;
}




.widget ul li {
    padding: 0;
    margin: 0;
}




/* siteorigin-widgets */
body .sow-accordion .sow-accordion-panel .sow-accordion-panel-header,
body .sow-accordion .sow-accordion-panel-border {
    outline: 0 !important;
}



/* error pages */
body.error404 .inside-article {
	max-width: 1060px;
	margin: 0 auto;
	padding: 20px 20px;
	text-align: center;
}

body.error404 .error404-headline img {
	display: block;
	margin: 0 auto;
    width: 500px;
    max-width: 100%;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

body.error404 h1 {
    font-size: 24px;
    font-family: var(--fbold);
    margin-top: 30px;
    margin-bottom: 20px;
    color: var(--ci);
}


.post-password-form {
    max-width: var(--inner);
	margin: 0 auto;
	padding-top: 40px;
	padding-right: var(--inner-pad);
	padding-bottom: 40px;
	padding-left: var(--inner-pad);
}



@media only screen and (max-width: 1023px) {
    html {
        /* hyphens */
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto; 
	}
	
	body .grid-container {
		padding: 0px;
	}
	
	#content {
		padding: 0 !important;
	}
	
	.preheader-inner {
		padding-right: 40px;
		padding-left: 40px;
	}
	
	.section {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	
	.section-top {
		padding-top: 30px !important;
	}
	
	.section-bottom {
		padding-bottom: 30px !important;
	}
	
	.inner .panel-grid-cell {
		padding-right: var(--inner-pad-m);
		padding-left: var(--inner-pad-m);
	}
	
	.inner-xs .panel-grid-cell {
		padding-right: var(--inner-pad-m);
		padding-left: var(--inner-pad-m);
	}
	
	.cta a:link,
	.cta a:visited {
		display: block;
		text-align: center;
		margin-right: 10px;
		margin-left: 10px;
	}
	
	.desktop {
		display: none !important;
	}
}

@media only screen and (min-width: 1024px) {
	
	.section {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	
	.section-top {
		padding-top: 50px !important;
	}
	
	.section-bottom {
		padding-bottom: 50px !important;
	}
	
	.flex-container,
	.flexbox .panel-grid-cell {
		display: -webkit-flex;
		display: flex;
	}
	
	.flexbox .so-panel,
	.flex-item {
		-webkit-flex: 1;
		flex: 1;
	}
	
	.mobile {
		display: none !important;
	}
}



.flex-container.flex-fest,
.flexbox.flex-fest .panel-grid-cell {
    display: -webkit-flex;
    display: flex;
}

.flexbox.flex-fest .so-panel,
.flex-fest .flex-item {
    -webkit-flex: 1;
    flex: 1;
}










/* ---------------------------------
      ARVE VIDEOS
   --------------------------------- */

#html body .arve {
    padding-top: 30px;
    padding-bottom: 40px;
    width: 750px;
    height: auto;
    max-width: 95% !important;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.arve-videos .custom-html-widget {
    position: relative;
}

#html body .arve .arve-video-overlay {
    display: block;
    padding: 5px 0px;
    font-size: 0.8em;
    opacity: 0.0;
    margin-bottom: 10px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
    float: none;
}

#html body .arve .arve-promote-link {
    float: none !important;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

#html body .arve:hover .arve-promote-link {
    opacity: 0.6;
}



@media only screen and (min-width: 1024px) {
    #html body .arve .arve-promote-link a:link,
    #html body .arve .arve-promote-link a:visited {
        color: var(--ci);
    }

    #html body .arve .arve-promote-link a:hover,
    #html body .arve .arve-promote-link a:active {
        color: #fff;
    }
}

@media only screen and (max-width: 1023px) {
    #html body .arve .arve-promote-link  {
        opacity: 0.5;
        padding-top: 10px;
        padding-bottom: 20px;
        display: block;
    }
}








/* ---------------------------------
      HEADER
   --------------------------------- */

header#masthead {
    width: var(--outer);
    max-width: 100%;
    margin: 0 auto;
	background: var(--orakelgruen) url('/wp-content/uploads/content/page-projekte-orakel-hero-bg.jpg') no-repeat center center;
    moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
}

#preheader {
    background-color: var(--contrast);
    color: #fff;
    font-family: var(--fbold);
    font-size: 0.8em;
    padding: 5px;
	text-align: right;
}

#preheader .preheader-inner {
    width: var(--inner);
    max-width: 100%;
    margin: 0 auto;
    padding: 5px var(--inner-pad);
}

#preheader a:link,
#preheader a:visited {
    color: #fff;
}

#preheader a:hover,
#preheader a:active {
    color: var(--ci);
}

#preheader p {
    margin-bottom: 0;
}

#preheader ul.menu li {
    display: inline-block;
}

#preheader ul.menu li a {
    display: block;
    text-transform: uppercase;
    padding: 0 10px;
}

#preheader ul.menu li a:link,
#preheader ul.menu li a:visited {
    color: #fff;
}

#preheader ul.menu li a:hover,
#preheader ul.menu li a:active {
    color: var(--cilight);
}




@media only screen and (min-width: 1024px) {
    #preheader.flexbox .panel-grid-cell .so-panel:last-child {
        text-align: right;
    }
}





header#masthead ul {
    list-style-type: none;
}

header#masthead ul li {
    list-style-type: none;
    display: inline-block;
    padding: 10px;
}



/* navi */
nav#site-navigation {
	display: none !important;
}








/* ---------------------------------
      CONTENT
   --------------------------------- */

.projekt-hero img {
    display: block;
    margin: 0 auto;
}

.projekt-hero p {
    margin-bottom: 0;
}

.projekt-hero img {
    display: block;
    margin: 0 auto;
}



/* titles */
.titles h1 {
	text-align: center;
	font-size: 34px;
	margin-bottom: 40px;
}

.titles h1::before {
	content: '';
	display: block;
	background-color: #000;
	width: 50px;
	height: 15px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.titles h3.widget-title {
	text-align: center;
	font-size: 34px;
	margin-bottom: 40px;
}

.titles h3.widget-title::before {
	content: '';
	display: block;
	background-color: #000;
	width: 50px;
	height: 15px;
	margin: 0 auto;
	margin-bottom: 20px;
}

/* legals */
.legals h1 {
	padding-bottom: 30px;
}

.legals h3 {
	font-size: 20px;
	padding-top: 30px;
	padding-bottom: 10px;
}

.legals h4 {
	font-size: 18px;
	padding-top: 30px;
	padding-bottom: 10px;
	color: #666;
}

.legals ul {
	list-style-type: disc;
	margin-left: 30px;
}

.legals ul li {
	list-style-type: disc;
}

.legals em {
	font-style: italic;
	font-size: 0.8em;
}












/* ---------------------------------
      ORAKEL SPECIAL
   --------------------------------- */

/*
#orakel {
    background: var(--orakelgruen) url('/wp-content/uploads/content/page-projekte-orakel-hero-bg.jpg') no-repeat center center;
    moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
}
*/

#orakel-intro a:link,
#orakel-intro a:visited {
    color: var(--orakelgruen);
    font-family: var(--fbold);
}

#orakel-intro a:hover,
#orakel-intro a:active {
    color: #000;
}

#orakel-intro h4 {
    font-family: var(--fbold);
    font-size: 17px;
    margin-bottom: 10px;
}

#orakel-tabelle {
    background: var(--orakelgruen) url('/wp-content/uploads/content/page-projekte-orakel-tabelle-rasen.jpg') repeat center center;
    moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
}

#orakel-tabelle.flexbox .panel-grid-cell .so-panel {
    align-self: center;
    text-align: center;
}



body #aktion-orakel-video {
    width: 600px;
    max-width: 100%;
    margin: 0 auto; 
}




@media (min-width: 1024px) {

    #orakel-intro.flexbox .panel-grid-cell {
        flex-flow: row wrap;
    }
    
    #orakel-intro.flexbox .panel-grid-cell .so-panel:nth-child(1) {
        flex: 1 100%;
    }
    
    #orakel-intro.flexbox .panel-grid-cell .so-panel:nth-child(2) {
        padding-right: 40px;
        -webkit-flex: 2;
        flex: 2;
    }
        
    #orakel-intro.flexbox .panel-grid-cell .so-panel {
        align-self: center;
    }
}








/* orakel gewinne */
#orakel-gewinne {
	background-color: #f0f0f0;
	text-align: center;
}

#orakel-gewinne ol {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside;
}

#orakel-gewinne ol li {
	list-style-position: inside;
}


/* orakel ranking plugin */
.orakel-ranking {
	padding-bottom: 30px;
}




/* tabelle */
.fussball-orakel-tabelle h3 {
    /*color: #fff;*/
    font-family: var(--fbold);
    text-align: center;
    margin-bottom: 30px;
}

.fussball-orakel-tabelle table {
    width: 100% !important;
    max-width: 100% !important;
    border: none !important;
    border-spacing: 20px;
    border-collapse: separate;
}

.fussball-orakel-tabelle table tr {
    background-color: transparent !important;
    border: 0;
    margin: 5px;
}

.fussball-orakel-tabelle table td {
    border: 1px solid #fff !important; 
    text-align: center;
    font-family: var(--fbold);
}

.fussball-orakel-tabelle table th {
    color: #fff;
    background-color: transparent !important;
    text-align: center;
    border: none !important;
}

.fussball-orakel-tabelle table td {
    background-color: #f9f9f9;
    border-radius: 10px !important;
}

.fussball-orakel-tabelle table th,
.fussball-orakel-tabelle table td {
    padding: 15px;
}

.fussball-orakel-tabelle table th {
    font-family: var(--fbold);
}



.fussball-orakel-tabelle .dt-buttons,
.fussball-orakel-tabelle .dataTables_filter {
    display: none;
}

.fussball-orakel-tabelle .dataTables_info {
    padding-left: 20px;
    color: #fff;
    display: none;
}

.fussball-orakel-tabelle .dataTables_paginate,
.fussball-orakel-tabelle .dataTables_length {
    font-size: 14px;
}






.fussball-orakel-tabelle .dataTables_paginate {
    border-radius: 10px;
    background-color: #fff;
    color: var(--orakelgruen);
    padding: 10px 20px;
    margin-right: 20px;
}



.fussball-orakel-tabelle .dataTables_length label {
    color: #fff;
}

.fussball-orakel-tabelle .dataTables_length label select {
    margin-right: 10px;
    border-radius: 10px;
}

body .fussball-orakel-tabelle .dataTables_paginate a:link,
body .fussball-orakel-tabelle .dataTables_paginate a:visited {
    display: inline-block;
    padding: 5px 10px !important;
    background-color: #fff !important;
    color: var(--orakelgruen) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 5px 10px !important;margin-right: 1px;
    margin-left: 1px;
    background-color: #fff !important;
    color: var(--orakelgruen) !important;
}

body .fussball-orakel-tabelle .dataTables_paginate a:hover,
body .fussball-orakel-tabelle .dataTables_paginate a:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: var(--orakelgruen) !important;
    color: #fff !important;
    cursor: pointer;
}

body .fussball-orakel-tabelle .dataTables_paginate a.current:link,
body .fussball-orakel-tabelle .dataTables_paginate a.current:visited {
    background-color: var(--orakelgruen) !important;
    color: #fff !important;
}

body .fussball-orakel-tabelle .dataTables_paginate a.current:hover,
body .fussball-orakel-tabelle .dataTables_paginate a.current:active {
    background-color: var(--orakelgruen) !important;
    color: #fff !important;
}


.dataTables_empty {
    color: var(--orakelgruen);
}


body .fussball-orakel-tabelle em.orakel-teilnahme {
    font-size: 0.7em;
    display: block;
    text-align: right;
}

body .fussball-orakel-tabelle em.orakel-teilnahme a:link,
body .fussball-orakel-tabelle em.orakel-teilnahme a:visited {
    color: #fff;
}

body .fussball-orakel-tabelle em.orakel-teilnahme a:hover,
body .fussball-orakel-tabelle em.orakel-teilnahme a:active {
    color: #000;
}


@media (max-width: 1023px) {
    .fussball-orakel-tabelle .panel-grid-cell .so-panel:nth-child(1),
    .fussball-orakel-tabelle .panel-grid-cell .so-panel:nth-child(2),
    .fussball-orakel-tabelle .panel-grid-cell .so-panel:nth-child(4),
    .fussball-orakel-tabelle .panel-grid-cell .so-panel:nth-child(5) {
        display: none;
    }
    
    .fussball-orakel-tabelle table {
        border-spacing: 10px;
    }
    
    .fussball-orakel-tabelle .dataTables_paginate {
        padding: 10px;
        margin-right: 10px;
        margin-left: 10px;
    }
    
    .fussball-orakel-tabelle table th,
    .fussball-orakel-tabelle table td,
    .fussball-orakel-tabelle table.dataTable tbody tr td {
        font-size: 0.8em;
        padding: 5px;
        width: 15%;
    }
    
    .fussball-orakel-tabelle table.dataTable tbody tr td:nth-child(2) {
        width: 55%;
    }
    
    .fussball-orakel-tabelle .dataTables_length {
        float: none;
        position: absolute;
        bottom: 30px;
        left: 10px;
    }
    
    
    .dataTables_wrapper {
        padding-bottom: 100px;
    }
    
    
    .fussball-orakel-tabelle .dataTables_paginate {
        padding: 5px;
        font-size: 12px;
    }
}




@media (min-width: 1024px) {
    .fussball-orakel-tabelle .panel-grid-cell {
        display: -webkit-flex;
        display: flex;
        flex-flow: row wrap;
    }

    .fussball-orakel-tabelle .panel-grid-cell .so-panel:nth-child(1),
    .fussball-orakel-tabelle .panel-grid-cell .so-panel:nth-child(5) {
        background: transparent url('/wp-content/uploads/content/page-projekte-orakel-tabelle-stripes-waagerecht.png') no-repeat top left;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        height: 20px;
        -webkit-flex: 1 100%;
        flex: 1 100%;
    }

    .fussball-orakel-tabelle .panel-grid-cell .so-panel:nth-child(2),
    .fussball-orakel-tabelle .panel-grid-cell .so-panel:nth-child(4) {
        background: transparent url('/wp-content/uploads/content/page-projekte-orakel-tabelle-stripes-hochkant.png') no-repeat top left;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-flex: 1 20px;
        flex: 1 20px;
        max-width: 20px;
    }

    .fussball-orakel-tabelle .panel-grid-cell .so-panel:nth-child(3) {
        background: transparent url('/wp-content/uploads/content/page-projekte-orakel-tabelle-stern.png') no-repeat 40px 40px;
        -webkit-flex: 1 calc(100% - 40px);
        flex: 1 calc(100% - 40px);
        padding: 60px;
		padding-top: 120px;
    }
    
    
    .dataTables_wrapper {
        padding-bottom: 140px;
        background: transparent url('/wp-content/uploads/content/page-projekte-orakel-tabelle-sterne.png') no-repeat bottom right;
    }
    
    
    
    .fussball-orakel-tabelle .dataTables_length {
        padding-left: 20px;
        float: none;
        position: absolute;
        bottom: 30px;
        padding-bottom: 30px;
    }
}









/* ORAKEL 2026 ERGAENZUNGEN */
@media (min-width: 1024px) {
    .fussball-orakel-tabelle.orakel-2026 .panel-grid-cell .so-panel:nth-child(3) {
        background-image: url('/wp-content/uploads/content/page-projekte-orakel-2026-tabelle-stern.png');
    }
    
    .orakel-2026 .dataTables_wrapper {
        background-image: none;
    }
}

body .fussball-orakel-tabelle .flex-container.orakel-logo {
    display: -webkit-flex;
    display: flex;
}

body .fussball-orakel-tabelle .flex-container.orakel-logo img {
	display: block;
	margin: 0 auto;
	width: 160px;
	height: auto;
}

body .fussball-orakel-tabelle .flex-container.orakel-logo .flex-item {
    -webkit-flex: 1;
    flex: 1;
    align-self: center;
}













/* ---------------------------------
      FOOTER
   --------------------------------- */

footer {
	max-width: var(--outer);
	margin: 0 auto;
	background: var(--contrast);
	color: #fff;
	font-size: 14px;
}

footer a:link,
footer a:visited {
	color: #fff;
}

footer a:hover,
footer a:active {
	color: var(--ci);
}

footer h3.widget-title {
	font-family: var(--fbold);
	font-size: 15px;
	padding-bottom: 10px;
}

footer #footer-infos .panel-grid-cell .so-panel {
	padding: 10px;
}

footer #footer-infos ul.footer-logos li {
	display: inline-block;
	padding-right: 40px;
}
footer #footer-infos ul.footer-logos li a {
	display: block;
}

footer #footer-infos ul.footer-logos li img {
	display: block;
	width: 100px;
	height: auto;
}

footer .menu-socials-container ul.menu li {
	display: inline-block;
	font-size: 1.8em;
	padding-right: 10px;
}



/* footer copyright */
footer #footer-copyright {
	border-top: 1px solid var(--cilight);
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

footer #footer-copyright p {
	margin-bottom: 0;
}





@media only screen and (min-width: 1024px) {
	footer #footer-infos.flexbox .panel-grid-cell .so-panel:first-child {
		-webkit-flex: 2;
		flex: 2;
	}
}




@media only screen and (max-width: 1023px) {
	footer {
		padding: 10px;
		text-align: center;
	}
	
	footer #footer-copyright .legals {
		display: block;
	}
}