/* Datei für Veränderungen an bartik_vb */


:root{
    --bg-color-hell: #faf4cf;
    --bg-color-dunkel: #f3d720;
    --bg-color-dunkel: rgb(252,213,73,0.5);
    --border-color: #fcd549;
    --color-links: #120684;
}


.sidebar h2{font-weight: bold;}

.main-content h2 {
	margin-bottom: 0.7em;
	}
	


/* um Footermenü zu zentrieren */
footer ul.menu {display:flex; flex-wrap:wrap; align-items: center;
  justify-content: center;}

.site-footer .content a {color: var(--color-links);}
.site-footer .content {font-size:0.85em;
}
.site-footer .content a:hover, .site-footer .content a:focus{color:blue;}

.site-footer .content li:hover {background-color: var(--bg-color-dunkel);}

/*weil die obere Footer-Zeile nicht genutzt wird, sie weitgehend ausblenden*/
.site-footer {
	padding: 0 0 20px;
	margin-top: -40px;
	}

/* für die Bildunterschriften des Medientyps Bild mit Unterschrift)*/
div.field--name-field-bildunterschrift {
	text-align:center;
	font-style: italic;
	font-size: 100%;
	margin-bottom: 2rem;
    clear:both;
	}
	
img.image-style-standard{margin-bottom: 0.3rem;}


/* Bilder im Prinzip zentriert*/
.node .field--type-image{
    float: none;
    margin: 0;
    display: flex; 
    justify-content: center; 
    align-items: center;
    }

/* Im Anrissmodus Bilder links*/
.media--view-mode-anriss .field--name-thumbnail{
    display: block;
    float: left;
    margin-right: 1em;
}

.tabs ul.primary {margin-top: 1rem;}

.sidebar .block .content {
    font-size: 0.85rem;
    line-height: 1.4;
    margin-bottom: 0.2rem;
}


/* gedacht für Shopbilder */
.field--name-field-bild-fuer-shop .field--type-image img {
    float:left;
    margin-right: 1rem;
    margin-left: 0;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.portrait-vorstand{
	float:left;
    margin-right: 1rem;
    margin-left: 0;
    margin-top: 0.5rem;
}

img.image-style-thumbnail{
    float:left;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

td.views-field{vertical-align:top;}


/* gedacht für die Anzeige von Tags bei Produkten, evtl. Auswirkungen auf andere Anzeigen */
.field--type-entity-reference .field__label{
    font-weight:bold;
    margin-top: 1rem;
}

/* Anordnung von Bilder z.b. des Media-Moduls mit caption */
figure{margin: 1em 1.7em;}
figure.align-left {margin-left: 0.3rem;}
figure.align-right {margin-right: 0.3rem;}


.adressen {font-size 0.95em; font-height:1.4;}

div.adress-block{
    background-color:var(--bg-color-hell);
    margin:1.5rem 2rem 1.5rem 0;
    padding:1rem;
    border: 1px solid var(--border-color);
}


/* für die Menüs im zentralen Inhaltsblock auf Mobilgeräten */
nav.contextual-region {
    background-color:var(--bg-color-hell);
    border: 1px solid var(--border-color);
    padding-left:1.5rem;
    padding-bottom:1rem;
    margin-bottom:1.5rem;
    margin-top:1.5rem;
   }
   
nav.contextual-region a:hover{
    background-color: var(--bg-color-dunkel);
}

/* für mehr Platz um die Views bei Friedensfragen, */
div.block-views-blocktransparenz-tv-block-1 {
	margin-top: 20px;
	margin-bottom: 30px;
	}


.layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first{
   flex: auto;
   
    }
    

.layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second{
    flex:auto;
    
}

@media screen and (min-width:840px){

.layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first{
   flex: 0 1 47%;
   margin-right: 1rem;
    }
    

.layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second{
    flex: 0 1 47%;
     margin-left: 1rem;
}
}



@media screen and (min-width:860px){
.layout--threecol-section--33-34-33 > .layout__region--first{
    flex: 0 1 32%;
    margin-right: 0.5rem;
}

.layout--threecol-section--33-34-33 > .layout__region--second{
    flex: 0 1 32%;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

.layout--threecol-section--33-34-33 > .layout__region--third{
    flex: 0 1 32%;
    margin-left: 0.5rem;
}
}


/* für dem  Layoutbuilder Kit Block*; default margin-bottom: 40px; */ 
.block-layout-builder-kit {
    margin-bottom: 20px;
}

/* nach Korrekturen anderer Werte disabled 
div.lbk-mehr{
    margin-top: -20px;} */
    
/* für die Seite Jugendrat, um Abstand zur 1. Spalte herzustellen und die 2. zu verkleinern */
.text-jugendrat{
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 20px;
}

/* um die Größe der Anzeige der Bildunterschrift und ihren Abstand an die Kleinheit der Anzeige auf der Jugendratsseite anzupassen. 
 * Achtung hat Auswirkung auf alle Anzeigen im Protrait-Anzeige-Modus*/

article.media--view-mode-portrait div.field--name-field-bildunterschrift{
    font-size: 90%;
	margin-bottom: 1.5rem;
    line-height: 1.2em;
    }
    
article.media--view-mode-portrait .field--type-image img{
    margin-bottom: 0.3rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

#block-jugendmenue p{margin:0;}

#block-jugendmenue{
    font-size: 0.95rem;
    background-color: #fef995;
    padding-left: 5px;
}

/* für Zebrablöcke mit gelben Linien zwischen den Teaserblöcken unter Korrektur der Bartik-Vorgaben */
.node--view-mode-teaser {
	padding-top: 1rem;	
	border-bottom: none;
	margin-bottom: 1rem;
}	
section .region-content div.views-row:nth-child(2n){
	background-color: var(--bg-color-hell);
	border-bottom: 2px solid var(--border-color);
	border-top: 2px solid var(--border-color);

	}
section .region-content div.views-row:nth-child(2n) .portrait-vorstand{margin-top: 1.7rem;}	

	
/* Zebra für die Vorsitzende auf der Vorstandsseite in der Ansicht Vorstand */
 .block-views-blockvorstand-block-3{
	background-color: var(--bg-color-hell);
	border-bottom: 2px solid var(--border-color);
	border-top: 2px solid var(--border-color);
	}



/* für das Bild für die Regionalgruppen */
#zelle-rg figure {margin: 0;}

/* für Bilder, die zentriert eingefügt sind */
article.align-center .field--type-image {
    float:none;
    margin:0;
    text-align:center;
}

article.align-right .image-style-standard {
    margin-left: 1rem;
}

article.align-right img {
    margin-left: 1rem;
    margin-top: 0.5rem;
}

img.align-right {
    margin-left: 1rem;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

article.align-left img {
    margin-right: 1rem;
    margin-top: 0.5rem;
}

img.align-left {
    margin-right: 1rem;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;´
}


/*Abstand für angehängte Videos*/
article.media--type-remote-video{
    margin: 1.5rem 0 1.5rem 0;
}




/*für die Anzeige von pdf-Symbol in langen Dateireferenzen */
.file--application-pdf {background-position: left top+0.25rem;}

/* Korrektur der Vorgaben von Bartik*/

a, a.link {border-bottom:none;}

a:hover,
a:active,
a:focus,
.link:hover,
.link:active,
.link:focus {
  text-decoration: underline;
  border-bottom-style: none;
}

/*Formatierung von Titelbildern, die kleiner als die Bildschirmbreite sind*/
.block-field-blocknodepagefield-titelbild .field--type-image{
	float: none;
	text-align: center;
	}
	
/* für angehängte "Weitere Bilder: nicht zentrieren, nicht floaten, Bildunterschrift links*/
.field--name-field-weitere-bilder .field--type-image{
	float: none;
	}
	
.field--name-field-weitere-bilder	.field--name-field-bildunterschrift{
	text-align: left;
	}
		

 article.media--type-remote-video {
    text-align:center;
}

	
	
/* Formatierungsklassen, die im Editor ausgewählt werden können*/

.warning {background-color: #ffc9a5;
color:#950000;
border-top: 1px solid #950000;
border-bottom: 1px solid #950000;
padding-left: 10px;
padding-right: 10px;
}

.grussbotschaft{
background-color:#ffffca;
color: #a26607;
border-top: 1px solid #a26607;
border-bottom: 1px solid #a26607;
font-style: italic;
font-size: 1.2em;
line-height:1.4em;
padding: 10px;
padding-bottom: 1em;
margin-bottom: 2em;
margin-top: 2em;
}

.button-startseite{
    font-size: 1.4rem;
    display:inline-block;
    width:77%;
    height:4rem;
    text-align:center;
    vertical-align:middle;
    padding: 2rem 1rem;
    background-color:var(--bg-color-hell);
    border: 1px solid var(--border-color);    
}

.button-startseite:hover{
    background-color:var(--bg-color-dunkel);
    text-decoration:none;
}

h1.startseite{
    font-weight:bold;
    font-size:2.3rem;
    text-align:center;
}

.block-views-blockteaser-block-2 .views-field-title,
.block-views-blockteaser-block-3 .views-field-title,
.block-views-blockteaser-block-4 .views-field-title,
.block-views-blockteaser-block-4 .views-field-title{
    text-align:center;
    
}

.views-field-field-teaserbild .field-content{
    text-align:center;
}

ul.sf-menu.sf-style-white a, ul.sf-menu.sf-style-white a:visited, ul.sf-menu.sf-style-white span.nolink{
    color: var (--color-links);
}